/**css reset*/
html {
    height: 100%;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}

body, button, input, select, textarea {
    font: 16px/1.5 \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Verdana, Helvetica, Arial, sans-serif;
    background-color: #f2f2f2;
}

pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

body {
    background-color: #f5f5f5;
}

input, button, select, textarea {
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

i, em {
    font-style: normal;
}

a {
    text-decoration: none;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
}

a:focus {
    outline: none;
}

a:link, a:visited {
    color: #383838;
}

a:hover, a:active {
    color: #282828;
}

.main a:hover {
    text-decoration: underline;
}

a span, a img {
    cursor: pointer;
}

fieldset, img {
    border: 0;
}

ul.nolist, ul {
    list-style: none;
}

ul.nolist li, ul li {
    list-style: none;
}

/**清除浮动**/
.clearFix:before, .clearFix:after {
    display: table;
    content: "";
}

.clearFix:after {
    clear: both;
}

.clearFix {
    *zoom: 1;
}

/**常用**/
.fl {
    float: left;
}

.fr {
    float: right;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.fixed {
    position: fixed;
}

.static {
    position: static;
}

.hide {
    display: none;
}

.hide.selected {
    display: block;
}

.block {
    display: block;
}

.none {
    display: none;
}

.bg-fff {
    background-color: #fff;
}

/*赚钱导航页一*/
.make-money-nav {
    background-image: url("../images/mark-money-bg.jpg");
    background-size: 100% 100%;
    padding: 16px 10px 60px;
    margin-top: 44px;
}

.make-money-nav .top-nav .left-nav {
    width: 66.66666666666667%;
}

.make-money-nav .top-nav .right-nav {
    width: 29.815%;
}

.make-money-nav .top-nav .nav-btn {
    margin-bottom: 15px;
}

.make-money-nav .top-nav .left-nav .nav-btn.head {
    margin-bottom: 0;
}

.make-money-nav .top-nav .nav-btn a {
    display: block;
    width: 100%;
    position: relative;
}

.make-money-nav .top-nav .nav-btn a h2 {
    position: absolute;
    width: 90%;
    bottom: 13.333333%;
    margin-bottom: 16px;
    text-align: right;
    font-size: 0.875em;
    font-weight: normal;
    color: #fff;
}

.make-money-nav .top-nav .nav-btn a h3 {
    position: absolute;
    width: 90%;
    bottom: 13.333333%;
    text-align: right;
    font-size: 0.8125em;
    font-weight: normal;
    color: rgba(255, 255, 255, .6);
}

.make-money-nav .top-nav .nav-btn.invite a h2 {
    bottom: 8.33333333333%;
    color: #353535;
}

.make-money-nav .top-nav .nav-btn.invite a h3 {
    bottom: 8.33333333333%;
    color: rgba(53, 53, 53, .6);
}

.make-money-nav .top-nav .left-nav .head .head-left, .make-money-nav .top-nav .left-nav .head .head-right {
    width: 47.5%;
}

.make-money-nav .top-nav .left-nav .head .head-right .cannot-binding-img {
    display: none;
}

.make-money-nav .top-nav .nav-btn a img {
    display: block;
    width: 100%;
}

.make-money-nav .top-nav .left-nav .logo {
    width: 100%;
}

.make-money-nav .top-nav .left-nav .logo img {
    display: block;
    width: 100%;
}

.make-money-nav .top-nav .nav-btn a.cannot-binding > img:first-child, .make-money-nav .top-nav .nav-btn a.cannot-binding > h2, .make-money-nav .top-nav .nav-btn a.cannot-binding > h3 {
    display: none;
}

.make-money-nav .top-nav .left-nav .head .head-right.cannot-binding .cannot-binding-img {
    display: block;
}

.make-money-nav .top-nav .nav-btn.share a, .make-money-nav .top-nav .nav-btn.recommend a {
    position: relative;
}

.make-money-nav .top-nav .nav-btn.share a h3, .make-money-nav .top-nav .nav-btn.recommend a h3 {
    position: absolute;
    bottom: 10%;
    font-size: 0.75em;
    color: #e9d9bb;
    text-align: right;
    width: 91%;
}

.make-money-nav .operation-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #cbcbcb;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ececec));
    z-index: 1;
}

.make-money-nav .operation-modal > a {
    height: 23px;
    padding: 10px 0;
    line-height: 23px;
    font-size: 0.9375em;
    color: #b99066;
    text-align: center;
    border-bottom: 1px solid #fcfcfc;
}

.make-money-nav .operation-modal .login {
    width: 22%;
}

.make-money-nav .operation-modal .sign-in {
    width: 34%;
    margin-left: -1px;
}

.make-money-nav .operation-modal .sign-in > span {
    display: block;
    width: 100%;
    border-left: 1px solid #d0d0d0;
}

.make-money-nav .operation-modal .sign-in > span > i {
    display: inline-block;
    margin-left: 5px;
    font-size: 0.75em;
    vertical-align: middle;
}

.make-money-nav .operation-modal .per-center {
    width: 44%;
    margin-left: -1px;
    text-align: left;
}

.make-money-nav .operation-modal .per-center > span {
    display: block;
    width: 100%;
    text-indent: 16px;
    border-left: 1px solid #d0d0d0;
}

.make-money-nav .operation-modal .after-login {
    width: 50%;
    text-align: left;
}

.make-money-nav .operation-modal .after-login .ico {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 10px;
    background: url("../images/bg-icons-01.png") no-repeat -52px -21px;
    background-size: 100px 150px;
    vertical-align: middle;
}

.make-money-nav .operation-modal .after-login .name {
    display: inline-block;
    margin-left: 12px;
    font-size: 0.9375em;
    color: #b5b5b5;
    vertical-align: middle;
}

.make-money-nav .operation-modal .after-login + .per-center {
    width: 50%;
}

.make-money-nav .operation-modal .after-login.none + .per-center {
    width: 44%;
}

.module-footer {
    padding: 17px 0 15px;
}

.module-footer p:first-child {
    font-size: 0.875em;
    text-align: center;
    color: #8d8d8d;
}

.module-footer p:last-child {
    font-size: 0.75em;
    text-align: center;
    color: #8d8d8d;
}

/*赚钱导航页二*/
.make-money-nav-2 {
    background-image: url("../images/mark-money-2-bg.jpg");
    background-size: 100% 100%;
    padding-bottom: 5px;
}

.make-money-nav-2 .top-oper {
    padding: 13px 15px 35px;
    height: 40px;
}

.make-money-nav-2 .top-oper .login-sign {
    width: 55.6%;
    height: 40px;
    position: relative;
}

.make-money-nav-2 .top-oper .login-sign .login, .make-money-nav-2 .top-oper .login-sign .sign {
    background-color: rgba(255, 255, 255, .2);
}

.make-money-nav-2 .top-oper .login-sign .login {
    width: 28%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 0.875em;
    color: #d5c18e;
}

.make-money-nav-2 .top-oper .login-sign .sign {
    position: relative;
    width: 72%;
    height: 40px;
    border-left: 2px solid #827262;
    margin-left: -2px;
}

.make-money-nav-2 .top-oper .login-sign .sign .position {
    position: absolute;
    width: 120px;
    height: 40px;
    left: 50%;
    margin-left: -50px;
}

.make-money-nav-2 .top-oper .login-sign .sign .position .ico {
    width: 17px;
    height: 24px;
    background: url("../images/bg-icons-01.png") no-repeat -24px 0;
    margin: 8px 8px 0 0;
    background-size: 100px 150px;
}

.make-money-nav-2 .top-oper .login-sign .sign .position p {
    font-size: 0.75em;
    color: #fff;
}

.make-money-nav-2 .top-oper .login-sign .sign .position p:first-child {
    font-size: 0.875em;
}

.make-money-nav-2 .top-oper .login-sign.after-login .login {
    display: none;
}

.make-money-nav-2 .top-oper .login-sign.after-login .sign {
    width: 100%;
    border-left: none;
    background-color: rgba(0, 0, 0, 0);
}

.make-money-nav-2 .top-oper .login-sign.after-login .sign .position {
    width: 140px;
    left: 0;
    margin-left: 12px;
}

.make-money-nav-2 .top-oper .login-sign.after-login .sign .position p {
    font-size: 1em;
    line-height: 1em;
}

.make-money-nav-2 .top-oper .login-sign.after-login .sign .position p:first-child {
    font-size: 1em;
    margin-top: 2px;
}

.make-money-nav-2 .top-oper .binding-weiXin {
    width: 41%;
    height: 40px;
    background-color: rgba(255, 255, 255, .2);
    position: relative;
}

.make-money-nav-2 .top-oper .binding-weiXin a {
    display: block;
    width: 100%;
    height: 100%;
}

.make-money-nav-2 .top-oper .binding-weiXin .position {
    position: absolute;
    width: 126px;
    height: 40px;
    left: 50%;
    margin-left: -53px;
}

.make-money-nav-2 .top-oper .binding-weiXin .position .ico {
    width: 25px;
    height: 20px;
    background: url("../images/bg-icons-01.png") no-repeat -24px -26px;
    margin: 9px 8px 0 0;
    background-size: 100px 150px;
}

.make-money-nav-2 .top-oper .binding-weiXin .position p {
    font-size: 0.75em;
    color: #fff;
}

.make-money-nav-2 .top-oper .binding-weiXin .position p:first-child {
    font-size: 0.875em;
}

.make-money-nav-2 .top-oper .left-border {
    position: absolute;
    width: 16px;
    height: 16px;
    top: -1px;
    left: -1px;
    background: url("../images/bg-icons-01.png") no-repeat 0 -88px;
    background-size: 100px 150px;
}

.make-money-nav-2 .top-oper .bottom-border {
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: -1px;
    right: -1px;
    background: url("../images/bg-icons-01.png") no-repeat 0 -106px;
    background-size: 100px 150px;
}

.make-money-nav-2 .top-oper .login-sign.after-login .left-border, .make-money-nav-2 .top-oper .login-sign.after-login .bottom-border {
    display: none;
}

.make-money-nav-2 .nav-btn {
    position: relative;
    width: 295px;
    height: 325px;
    margin: 0 auto;
}

.make-money-nav-2 .nav-btn > a {
    position: absolute;
}

.make-money-nav-2 .nav-btn > a > span {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 0.75em;
    color: #674a1e;
}

.make-money-nav-2 .nav-btn .nav-btn-one {
    top: 0;
    left: 0;
    width: 113px;
    height: 114px;
    background-image: url("../images/make-money-2-bg01.png");
    background-size: 100% 100%;
}

.make-money-nav-2 .nav-btn .nav-btn-one > span {
    bottom: 24px;
}

.make-money-nav-2 .nav-btn .nav-btn-one.active {
    background-image: url("../images/make-money-2-bg01-active.png");
    background-size: 100% 100%;
}

.make-money-nav-2 .nav-btn .nav-btn-one.not-dredge {
    background-image: url("../images/make-money-2-bg06.png");
}

.make-money-nav-2 .nav-btn .nav-btn-one.not-dredge span {
    display: none;
}

.make-money-nav-2 .nav-btn .not-dredge.active {
    background-image: url("../images/make-money-2-bg06.png");
}

.make-money-nav-2 .nav-btn .nav-btn-two {
    top: 13px;
    right: 0;
    width: 106px;
    height: 105px;
    background-image: url("../images/make-money-2-bg02.png");
    background-size: 100% 100%;
}

.make-money-nav-2 .nav-btn .nav-btn-two > span {
    bottom: 23px;
}

.make-money-nav-2 .nav-btn .nav-btn-two.active {
    background-image: url("../images/make-money-2-bg02-active.png");
    background-size: 100% 100%;
}

.make-money-nav-2 .nav-btn .nav-btn-three {
    top: 93px;
    left: 90px;
    width: 130px;
    height: 132px;
    background-image: url("../images/make-money-2-bg03.png");
    background-size: 100% 100%;
}

.make-money-nav-2 .nav-btn .nav-btn-three > span {
    bottom: 27px;
}

.make-money-nav-2 .nav-btn .nav-btn-three.active {
    background-image: url("../images/make-money-2-bg03-active.png");
    background-size: 100% 100%;
}

.make-money-nav-2 .nav-btn .nav-btn-four {
    bottom: 35px;
    left: 5px;
    width: 100px;
    height: 102px;
    background-image: url("../images/make-money-2-bg04.png");
    background-size: 100% 100%;
}

.make-money-nav-2 .nav-btn .nav-btn-four.active {
    background-image: url("../images/make-money-2-bg04-active.png");
    background-size: 100% 100%;
}

.make-money-nav-2 .nav-btn .nav-btn-five {
    bottom: 0;
    right: 10px;
    width: 102px;
    height: 104px;
    background-image: url("../images/make-money-2-bg05.png");
    background-size: 100% 100%;
}

.make-money-nav-2 .nav-btn .nav-btn-five.active {
    background-image: url("../images/make-money-2-bg05-active.png");
    background-size: 100% 100%;
}

.make-money-nav-2 .nav-btn .nav-btn-six {
    top: -25px;
    right: 85px;
    width: 77px;
    height: 78px;
    background-image: url("../images/make-money-2-bg07.png");
    background-size: 100% 100%;
}

.make-money-nav-2 .nav-btn .nav-btn-six.active {
    background-image: url("../images/make-money-2-bg07-active.png");
    background-size: 100% 100%;
}

.make-money-nav-2 .nav-btn .nav-btn-seven {
    bottom: -40px;
    left: 68px;
    width: 82px;
    height: 81px;
    background-image: url("../images/make-money-2-bg08.png");
    background-size: 100% 100%;
}

.make-money-nav-2 .nav-btn .nav-btn-seven.active {
    background-image: url("../images/make-money-2-bg08-active.png");
    background-size: 100% 100%;
}

/*赚钱导航页三*/
.make-money-nav-3 {
    padding: 27px 8px 60px 10px;
    background-image: url("../images/make-money-3-bg.jpg");
    background-size: 100% 100%;
}

.make-money-nav-3 .top-oper {
    width: 302px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.make-money-nav-3 .top-oper .login-sign {
    width: 55%;
    height: 35px;
    border: 1px solid #977d51;
    border-radius: 35px;
}

.make-money-nav-3 .top-oper .login-sign .login {
    display: block;
    width: 50%;
    text-align: center;
    line-height: 35px;
    font-size: 0.8125em;
    color: #f4d27e;
}

.make-money-nav-3 .top-oper .login-sign .sign {
    display: block;
    width: 50%;
    border-left: 1px solid #f4d27e;
    margin-left: -1px;
}

.make-money-nav-3 .top-oper .login-sign .sign .top-con {
    font-size: 0.8125em;
    text-align: center;
    color: #f4d27e;
}

.make-money-nav-3 .top-oper .login-sign .sign .down-con {
    font-size: 0.75em;
    text-align: center;
    line-height: 1.4em;
    color: #f4d27e;
}

.make-money-nav-3 .top-oper .hasLogin {
    width: 50%;
    height: 35px;
    text-align: left;
    line-height: 35px;
    font-size: 0.8125em;
    color: #f4d27e;
}

.make-money-nav-3 .top-oper .hasLogin .ico {
    display: inline-block;
    position: relative;
    top: 4px;
    padding-right: 5px;
    width: 18px;
    height: 18px;
    background: url("../images/bg-icons-01.png") no-repeat -24px -109px;
    background-size: 100px 150px;
}

.make-money-nav-3 .top-oper .personal-center {
    margin-left: 26px;
    border: 1px solid #977d51;
    border-radius: 35px;
}

.make-money-nav-3 .top-oper .personal-center a {
    height: 35px;
    padding: 0 20px;
    line-height: 35px;
    font-size: 0.8125em;
    color: #f4d27e;
}

.make-money-nav-3 .nav-btns {
    padding-bottom: 45px;
    color: #f4d27e;
}

.make-money-nav-3 .nav-btns.first-navRow {
    width: 282px;
    margin: 0 auto;
}

.make-money-nav-3 .nav-btns.second-navRow {
    width: 302px;
    margin: 0 auto;
}

.make-money-nav-3 .nav-btns.first-navRow .nav-btn {
    margin-left: 34px;
    width: 67px;
}

.make-money-nav-3 .nav-btns.second-navRow .nav-btn {
    margin-left: 21px;
    width: 55px;
}

.make-money-nav-3 .nav-btns.first-navRow .nav-btn:first-child, .make-money-nav-3 .nav-btns.second-navRow .nav-btn:first-child {
    margin-left: 0;
}

.make-money-nav-3 .nav-btns.second-navRow .nav-btn:first-child {
    margin-left: 1px;
}

.make-money-nav-3 .nav-btns .nav-btn {
    display: inline-block;
}

.make-money-nav-3 .nav-btns .nav-btn .nav-info {
    display: block;
    width: 100%;
    height: 85px;
    padding-bottom: 6px;
}

.make-money-nav-3 .nav-btns .nav-btn .nav-info .con-one {
    display: inline-block;
    width: 15px;
    word-wrap: break-word;
    font-size: 0.875em;
    position: relative;
    top: -7px;
    margin-left: 15px;
    color: #f4d27e;
}

.make-money-nav-3 .nav-btns.second-navRow .nav-btn .nav-info .con-one {
    margin-left: 8px;
}

.make-money-nav-3 .nav-btns .nav-btn .nav-info .ico {
    display: inline-block;
    width: 7px;
    height: 89px;
}

.make-money-nav-3 .nav-btns .nav-btn .nav-info .ico .point {
    display: block;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #c6a962;
}

.make-money-nav-3 .nav-btns .nav-btn .nav-info .ico .line {
    display: block;
    border-left: 1px solid rgba(161, 136, 92, .8);
    height: 76px;
    margin: 2px 0 0 3px;
}

.make-money-nav-3 .nav-btns .nav-btn .nav-info .con-two {
    display: inline-block;
    position: relative;
    bottom: 6px;
    word-wrap: break-word;
    width: 12px;
    text-align: center;
    font-size: 0.75em;
    color: #f4d27e;
}

.make-money-nav-3 .nav-btns .nav-btn .nav-info .con-two i:first-child {
    display: inline-block;
    position: relative;
    left: -5px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.make-money-nav-3 .nav-btns .nav-btn .nav-info .con-two i.oblique-line {
    position: absolute;
    left: 3px;
    bottom: 10px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.make-money-nav-3 .nav-btns .nav-btn .nav-ico {
    width: 100%;
}

.make-money-nav-3 .nav-btns.first-navRow .nav-btn .nav-ico a, .make-money-nav-3 .nav-btns.second-navRow .nav-btn .nav-ico a {
    display: block;
    width: 100%;
}

.make-money-nav-3 .nav-btns .nav-btn .nav-ico a img {
    width: 100%;
}

/**/

/*服务导航页一*/
.service-nav {
    padding: 50px 20px 0;
    background-image: url("../images/service-bg.jpg");
    background-size: 100% 100%;
}

.service-nav img {
    display: block;
    width: 100%;
}

.service-nav .service-title {
    width: 66.666666666666666667%;
    margin-bottom: 10px;
}

.service-nav .nav-btn {
    display: block;
    border: 1px solid #d2c4a8;
    background-color: #fff;
}

.service-nav .top-nav .nav-btn {
    width: 100%;
}

.service-nav .next-nav .left-nav {
    width: 53.1%;
    margin-bottom: 17px;
}

.service-nav .next-nav .right-navs {
    width: 41.2%;
}

.service-nav .next-nav .right-navs .right-nav-top {
    width: 100%;
    margin-bottom: 11.8%;
}

.service-nav .phone-num {
    width: 100%;
    padding-top: 28px;
    text-align: center;
}

.service-nav .phone-num .ico {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("../images/bg-icons-01.png") no-repeat -52px 0;
    background-size: 100px 150px;
    vertical-align: middle;
}

.service-nav .phone-num > a {
    display: inline-block;
    font-size: 0.875em;
    vertical-align: middle;
}

.service-nav .phone-num > a > span {
    display: inline-block;
    margin-left: 2px;
    color: #b38f54;
    font-weight: bold;
    font-style: italic;
}

.service-nav .phone-num > a > span:first-child {
    color: #808080;
    font-weight: normal;
    font-style: normal;
}

/*服务导航页二*/
.service-nav-2 {
    width: 100%;
    padding: 74px 0 40px;
    background-image: url("../images/service-2-bg.jpg");
    background-size: 100% 100%;
    position: relative;
}

.service-nav-2 .nav-btns {
    width: 236px;
    height: 400px;
    margin: 0 auto;
    position: relative;
}

.service-nav-2 .nav-btns .nav-btn {
    position: absolute;
}

.service-nav-2 .nav-btns .nav-btn > img {
    position: absolute;
    width: 1px;
    left: 50%;
}

.service-nav-2 .nav-btns .btn-one {
    width: 96px;
    height: 118px;
    border-radius: 48px;
    top: 0;
    left: 20px;
    background-image: url("../images/service-2-bg05.png");
    background-size: 100% 100%;
    z-index: 9;
}

.service-nav-2 .nav-btns .btn-one.active {
    background-image: url("../images/service-2-bg05-active.png");
    background-size: 100% 100%;
}

.service-nav-2 .nav-btns .btn-one > img {
    top: 118px;
}

.service-nav-2 .nav-btns .btn-one.not-dredge, .service-nav-2 .nav-btns .btn-one.not-dredge.active {
    background-image: url("../images/service-2-bg08.png");
    background-size: 100% 100%;
}

.service-nav-2 .nav-btns .btn-two {
    width: 89px;
    height: 109px;
    border-radius: 43px;
    top: 128px;
    right: 0;
    background-image: url("../images/service-2-bg04.png");
    background-size: 100% 100%;
    z-index: 10;
}

.service-nav-2 .nav-btns .btn-two.active {
    background-image: url("../images/service-2-bg04-active.png");
    background-size: 100% 100%;
}

.service-nav-2 .nav-btns .btn-two > img {
    top: 109px;
}

.service-nav-2 .nav-btns .btn-two.not-dredge, .service-nav-2 .nav-btns .btn-two.not-dredge.active {
    background-image: url("../images/service-2-bg07.png");
    background-size: 100% 100%;
}

.service-nav-2 .nav-btns .btn-three {
    width: 96px;
    height: 118px;
    top: 100px;
    border-radius: 48px;
    left: 0;
    background-image: url("../images/service-2-bg03.png");
    background-size: 100% 100%;
    z-index: 10;
}

.service-nav-2 .nav-btns .btn-three.active {
    background-image: url("../images/service-2-bg03-active.png");
    background-size: 100% 100%;
}

.service-nav-2 .nav-btns .btn-three > img {
    top: 118px;
}

.service-nav-2 .nav-btns .btn-three.not-dredge, .service-nav-2 .nav-btns .btn-three.not-dredge.active {
    background-image: url("../images/service-2-bg06.png");
    background-size: 100% 100%;
}

.service-nav-2 .nav-btns .btn-four {
    width: 105px;
    height: 130px;
    border-radius: 51px;
    top: 60px;
    left: 80px;
    background-image: url("../images/service-2-bg02.png");
    background-size: 100% 100%;
    z-index: 11;
}

.service-nav-2 .nav-btns .btn-four.active {
    background-image: url("../images/service-2-bg02-active.png");
    background-size: 100% 100%;
}

.service-nav-2 .nav-btns .btn-four > img {
    top: 130px;
}

.service-nav-2 .nav-btns .btn-five {
    width: 95px;
    height: 128px;
    border-radius: 47px;
    top: 168px;
    left: 67px;
    background-image: url("../images/service-2-bg01.png");
    background-size: 100% 100%;
    z-index: 12;
}

.service-nav-2 .nav-btns .btn-five.active {
    background-image: url("../images/service-2-bg01-active.png");
    background-size: 100% 100%;
}

.service-nav-2 .nav-btns .btn-five > img {
    top: 128px;
}

.service-nav-2 .phone-num {
    width: 100%;
    padding: 28px 0 40px;
    text-align: center;
}

.service-nav-2 .phone-num .ico {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("../images/bg-icons-01.png") no-repeat -52px -40px;
    background-size: 100px 150px;
    vertical-align: middle;
}

.service-nav-2 .phone-num > a {
    display: inline-block;
    font-size: 0.875em;
    vertical-align: middle;
}

.service-nav-2 .phone-num > a > span {
    display: inline-block;
    margin-left: 4px;
    color: #b38f54;
    font-weight: bold;
    font-style: italic;
}

.service-nav-2 .phone-num > a > span:first-child {
    color: #808080;
    font-weight: normal;
    font-style: normal;
    margin-left: 1px;
}

/*服务导航页三*/
.service-nav-3 {
    padding: 6px 6px 55px;
    background-image: url("../images/service-3-bg.jpg");
    background-size: 100% 100%;
}

.service-nav-3 .carousel {
    width: 100%;
    border: 1px solid #9b8c6a;
    -webkite-box-sizing: border-box;
    box-sizing: border-box;
}

.service-nav-3 .img-show {
    width: 100%;
    border-bottom: 1px solid #9b8c6a;
}

.service-nav-3 .img-show img {
    width: 100%;
}

.service-nav-3 .page-name {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.service-nav-3 .nav-btns {
    width: 260px;
    height: 200px;
    margin: 25px auto 12px;
}

.service-nav-3 .nav-btns .btn-row {
    padding-bottom: 16px;
}

.service-nav-3 .nav-btns .btn-row.only-one-row {
    padding-top: 50px;
}

.service-nav-3 .nav-btns .btn-row .line {
    width: 16px;
    height: 30px;
    border-bottom: 1px solid rgba(161, 136, 92, .8);
}

.service-nav-3 .nav-btns .btn-row .nav-btn {
    display: block;
    width: 106px;
}

.service-nav-3 .nav-btns .btn-row .nav-btn img {
    display: block;
    margin: 0 auto;
    width: 57px;
    height: 57px;
}

.service-nav-3 .nav-btns .btn-row .nav-btn p {
    margin-top: 5px;
    text-align: center;
    font-size: 0.875em;
    color: #f4d27e;
}

.service-nav-3 .border-bottom {
    width: 100%;
    height: 0;
    border-bottom: 1px solid rgba(161, 136, 92, .8);
}

.service-nav-3 .phone-num {
    padding: 13px 0;
    text-align: center;
}

.service-nav-3 .phone-num .line {
    display: inline-block;
    width: 16px;
    height: 0;
    border-bottom: 1px solid rgba(161, 136, 92, .8);
    vertical-align: middle;
}

.service-nav-3 .phone-num > a {
    display: inline-block;
    font-size: 0.875em;
    color: #f4d27e;
    vertical-align: middle;
}

.service-nav-3 .phone-num > a > span {
    display: inline-block;
    margin-left: 2px;
}

.service-nav-3 .phone-num > a > i {
    display: inline-block;
    margin: 0 2px;
    font-weight: bold;
    font-style: italic;
}

/**底部导航2*/
/*底部导航*/
.footer-nav {
    position: fixed;
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    background-color: #21292c;
    border-top: 1px solid #171d1f;
    z-index: 1000;
}

.footer-nav a {
    position: relative;
    width: 33.33333333333%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 0.9375em;
    color: #fff;
    border-left: 1px solid #171d1f;
    margin-left: -1px;
}

.footer-nav a:first-child {
    border-left: none;
    margin-left: 0;
}

.footer-nav a.current {
    background-color: #2f373a;
}

.footer-nav a > span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: transparent;
}

.footer-nav a.current > span {
    background-color: #fff;
}

/*软文详情-分享到外部-底部导航*/
.enjoy-footer {
    position: fixed;
    width: 100%;
    bottom: 10%;
    left: 77%
}

.enjoy-footer a {
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    overflow: hidden
}

.enjoy-footer a:last-child {
    margin-top: 5%
}

/*个人中心*/
.person_center .top_nav {
    position: relative;
    height: 125px;
    background: url(../images/center_bg.png) 0 0 no-repeat;
    background-size: 100%
}

.person_center .top_nav .photo {
    float: left;
    right: 1%;
    left: 4%;
    height: 60px;
    width: 60px;
    border-radius: 100px;
    border: 2px #ffffff solid;
    background-color: forestgreen;
    position: relative;
    margin-top: -45px;
    top: 50%
}

.person_center .top_nav .photo img {
    border-radius: 120px;
    width: 100%;
    height: 100%
}

.person_center .top_nav .name {
    float: right;
    right: 2%;
    width: 72%;
    position: relative;
    height: 60px;
    margin-top: -35px;
    top: 50%
}

.person_center .top_nav .name .first_row {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-top: -3px
}

.person_center .top_nav .name .first_row .user {
    float: left;
    display: inline-block;
    width: 100%;
    height: 20px;
    color: #ffffff;
    font-size: 0.9em;
}

.person_center .top_nav .name .ico_position {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-top: 3px
}

.person_center .top_nav .name .ico_position .icon {
    font-size: 0.625em;
    color: white;
    text-align: center;
    float: left;
    display: inline-block;
    height: 11px;
    line-height: 11px;
    padding: 2px 2px 2px 2px;
    background-color: #2A68C4
}

.person_center .top_nav .name .ico_position .icon1 {
    margin-left: 2%;
    font-size: 0.625em;
    color: white;
    text-align: center;
    float: left;
    display: inline-block;
    height: 11px;
    padding: 2px 2px 2px 2px;
    line-height: 11px;
    background-color: #15A84F
}

.person_center .top_nav .name .second_row {
    width: 100%;
    height: 20px;
    margin-top: 5px
}

.person_center .top_nav .name .second_row .phone_icon {
    float: left;
    width: 10%;
    height: 20px;
    background: url(../images/tjkh.png) -7px -68px no-repeat;
    background-size: 120px 120px;
    display: inline-block;
}

.person_center .top_nav .name .second_row .phone_no {
    float: left;
    width: 44%;
    height: 20px;
    display: inline-block;
    color: #ffffff;
    font-size: 0.85em
}

.person_center .top_nav .name .password {
    position: relative;
    right: 4%;
    top: 0px;
    display: inline-block;
    float: right;
    width: 70px;
    text-align: center;
    height: 20px;
    border: 1px solid #ffffff;
    border-radius: 80px;
    font-size: 0.85em;
    line-height: 20px;
    color: #ffffff
}

.person_center .content {
    width: 100%;
}

.person_center .content .div_btn {
    padding-bottom: 65px
}

.person_center .content .btn {
    border-style: none;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 0.93em;
    background-color: #d8330e;
    width: 250px;
    border-radius: 80px;
    color: #ffffff;
    margin: 15px auto auto auto;
    display: block;
}

.person_center .content .btn:active {
    background-color: #a92c0d;
}

.person_center .content ul {
    margin: 0;
    padding: 0
}

.person_center .content ul li {
    position: relative;
    border-bottom: 1px solid #dcdcdc;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    color: #4d4d4d;
}

.person_center .content ul li .cicle {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 45px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #e34949;
    text-align: center;
    line-height: 16px;
    color: #ffffff;
    border-radius: 60px;
    font-size: 0.8em
}

.person_center .content ul li:active {
    background-color: #d9d9d9
}

.person_center .content ul li .icon0 {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url(../images/person_center.png) -4px -3px no-repeat;
    background-size: 100px 100px
}

.person_center .content ul li .icon1 {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url(../images/person_center.png) -4px -31px no-repeat;
    background-size: 100px 100px
}

.person_center .content ul li .icon2 {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url(../images/person_center.png) -4px -59px no-repeat;
    background-size: 100px 100px
}

.person_center .content ul li .icon3 {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url(../images/person_center.png) -45px 0px no-repeat;
    background-size: 100px 100px
}

.person_center .content ul li .icon4 {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url(../images/person_center.png) -43px -31px no-repeat;
    background-size: 100px 100px
}

.person_center .content ul li .icon5 {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url(../images/person_center.png) -75px 0px no-repeat;
    background-size: 100px 100px
}

.person_center .content ul li .icon6 {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url(../images/person_center.png) -76px -31px no-repeat;
    background-size: 100px 100px
}

.person_center .content ul li .icon7 {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url(../images/person_center.png) -44px -62px no-repeat;
    background-size: 100px 100px
}

.person_center .content ul li .icon8 {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url(../images/person_center.png) -77px -62px no-repeat;
    background-size: 100px 100px
}

.person_center .content .top_margin {
    margin-top: 15px;
    border-top: 1px solid #dcdcdc
}

.person_center .content ul li .title {
    display: inline-block;
    vertical-align: middle;
    color: #4d4d4d;
    font-size: 0.9em;
    margin-left: 30px;
}

.person_center .content ul li .click {
    display: inline-block;
    top: 50%;
    margin-top: -11px;
    height: 22px;
    width: 22px;
    position: absolute;
    right: 20px;
    background: url(../images/dh.png) 7px -5px no-repeat;
    background-size: 80%
}

.person_center .top_nav .no_login {
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    position: absolute;
    width: 120px;
    height: 30px;
    border-radius: 80px;
    border: 1px solid #ffffff;
    left: 50%;
    margin-left: -60px;
    top: 50%;
    margin-top: -15px
}

.person_center .top_nav .no_login a {
    color: #ffffff;
}

/*推荐客户*/
.recommend_clients input textarea {
    outline: none
}

.recommend_clients .top {
    width: 100%;
    height: 45px;
    background-color: #ededed;
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #c4c4c4
}

.recommend_clients .top .left {
    text-align: center;
    float: left;
    width: 32.33333%;
    height: 40px;
    border-right: 1px #c4c4c4 solid;
}

.recommend_clients .top .middle {
    text-align: center;
    float: left;
    width: 32.33333%;
    height: 40px;
    border-right: 1px #c4c4c4 solid;
}

.recommend_clients .top .right {
    text-align: center;
    float: left;
    width: 32.33333%;
    height: 40px;
}

.recommend_clients .top .number {
    color: #ad8e4e;
    font-size: 1em;
    font-weight: bolder
}

.recommend_clients .top .title {
    color: #8d9294;
    font-size: 0.8em;
}

.recommend_clients .top p {
    margin: 0;
    padding: 0
}

.recommend_clients .MyClients {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -weblit-box-sizing: border-box;
    width: 100%;
    border-radius: 20px;
    border: 1px #a89774 solid;
    background-color: white;
}

.recommend_clients .MyClients ul {
    width: 100%;
    list-style: none;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -weblit-box-sizing: border-box;
}

.recommend_clients .MyClients ul li {
    line-height: 30px;
    height: 30px;
    width: 33.3333%;
    overflow: visible;
    text-align: center;
    float: left;
    margin-left: -1px;
    font-size: 0.9em
}

.recommend_clients .MyClients ul a:first-child li {
    margin-left: 0
}

.recommend_clients .MyClientsFont1 {
    font-size: 0.7em;
    overflow: auto;
}

.recommend_clients .MyClientsLeft {
    border-left: 1px #a89774 solid
}

.recommend_clients .MyClientsBackColor {
    background-color: #a89774;
    color: white;
    font-weight: bolder
}

.recommend_clients .MyClientsBackColor1 {
    background-color: #ffffff;
    color: #bfbfbf
}

.recommend_clients .border_leftr {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.recommend_clients .border_rightr {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.recommend_clients .content {
    width: 100%;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box
}

.recommend_clients .content .MyClients {
    width: 100%;;
    margin-top: 10px;
}

.recommend_clients .content .content_ul {
    margin: 0;
    padding: 0;
}

.recommend_clients .content .content_ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 65px;
    border-bottom: 1px #d9d9d9 solid;
    box-sizing: border-box
}

.recommend_clients .content .content_ul li .sp1 {
    color: #4d4d4d;
    font-size: 1em;
    display: inline-block;
    margin-left: 9px;
    vertical-align: middle
}

.recommend_clients .content .content_ul li .sp2 {
    color: #808080;
    font-size: 1em;
    display: inline-block;
    margin-left: 9px;
    vertical-align: middle
}

.recommend_clients .content .content_ul li .em1 {
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/tjkh.png) -4px -3px no-repeat;
    background-size: 100px 100px
}

.recommend_clients .content .content_ul li .em2 {
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/tjkh.png) -4px -29px no-repeat;
    background-size: 100px 100px
}

.recommend_clients .tijiao {
    padding: 5px 5px 0 5px;
    overflow: hidden;
    margin-top: 15px
}

.recommend_clients .tijiao .img {
    height: 30px;
    width: 100%;
    line-height: 30px;
    box-sizing: border-box
}

.recommend_clients .tijiao .img .sp1 {
    height: 25px;
    width: 100%
}

.recommend_clients .tijiao .anniu {
    overflow: auto;
    box-sizing: border-box;
    width: 100%;
    margin-top: -15px;
    background-color: #ffffff;
    padding-top: 20px
}

.recommend_clients .rules_out {
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    margin-top: 2px;
    padding-top: 2px;
    text-align: center
}

.recommend_clients .rules_out table {
    height: 30px;
    width: 100%
}

.recommend_clients .rules_out table td {
    width: 33.3333333333333%;
    text-align: center
}

.recommend_clients .tijiao a {
    display: inline-block;
    width: 75px
}

.recommend_clients .tijiao a span {
    float: left;
    font-size: 0.75em;
    display: inline-block;
    width: 75px;
    height: 25px;
    border-radius: 60px;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
    background-color: #a89774
}

.recommend_clients .tijiao .anniu .shuoming {
    padding-left: 3%;
    box-sizing: border-box;
    float: left;
    width: 75%;
    margin-top: -2px;
    padding-top: 10px
}

.recommend_clients .tijiao .anniu .shuoming .p1 {
    color: #808080;
    font-size: 0.8em
}

.recommend_clients .tijiao .input {
    box-sizing: border-box;
    width: 100%;
    margin-top: -5px;
}

.recommend_clients .tijiao .input .name {
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
    position: relative;
    margin-top: 12px;
    margin-left: 3%;
    width: 93%;
    background-color: #ededed;
    border: 1px #d9d9d9 solid;
    height: 46px;
}

.recommend_clients .tijiao .input .name_textarea {
    padding: 10px 10px 12px 10px;
    margin-left: 3%;
    box-sizing: border-box;
    position: relative;
    margin-top: 8px;
    width: 93%;
    background-color: #ededed;
    border: 1px #d9d9d9 solid;
    height: 60px;
}

.recommend_clients .tijiao .input .name_textarea textarea {
    word-wrap: break-word;
    padding-top: 1px;
    font-size: 0.8em;
    box-sizing: border-box;
    width: 78%;
    resize: none;
    border-style: none;
    margin-left: 10px;
    color: #6a6a6a;
    background-color: #ededed;
}

.recommend_clients .tijiao .input .name .sp1 {
    color: #6a6a6a;
    font-size: 1em;
    display: inline-block;
    float: left;
}

.recommend_clients .tijiao .input .name_textarea .sp1 {
    color: #6a6a6a;
    font-size: 1em;
    display: inline-block;
    float: left;
    overflow: visible
}

.recommend_clients .tijiao .input .name input {
    font-size: 1em;
    margin-left: 10px;
    background-color: #ededed;
    border-style: none;
    width: 200px;
}

.recommend_clients .tijiao .input .name .man {
    float: left;
    position: absolute;
    top: 3px;
    display: inline-block;
    margin-left: 15px;
    background: url(../images/boy1.png) center center no-repeat;
    background-size: 120px;
    border: 1px #d9d9d9 solid;
    width: 90px;
    height: 35px;
    color: #b3b3b3;
    font-weight: 800;
    text-align: center;
    box-sizing: border-box;
    line-height: 35px
}

.recommend_clients .tijiao .input .name .man1 {
    float: left;
    position: absolute;
    top: 3px;
    display: inline-block;
    margin-left: 15px;
    background: url(../images/boy.png) center center no-repeat;
    background-size: 120px;
    border: 1px #d9d9d9 solid;
    width: 90px;
    height: 35px;
    color: #b3b3b3;
    font-weight: 800;
    text-align: center;
    box-sizing: border-box;
    line-height: 35px
}

.recommend_clients .tijiao .input .name .woman {
    float: left;
    position: absolute;
    top: 3px;
    left: 180px;
    display: inline-block;
    margin-left: 10px;
    background: url(../images/girl1.png) center center no-repeat;
    background-size: 120px;
    width: 90px;
    border: 1px #d9d9d9 solid;
    height: 35px;
    color: #b3b3b3;
    font-weight: 800;
    text-align: center;
    box-sizing: border-box;
    line-height: 35px
}

.recommend_clients .tijiao .input .name .woman1 {
    float: left;
    position: absolute;
    top: 3px;
    left: 180px;
    display: inline-block;
    margin-left: 10px;
    background: url(../images/girl.png) center center no-repeat;
    background-size: 120px;
    width: 90px;
    border: 1px #d9d9d9 solid;
    height: 35px;
    color: #b3b3b3;
    font-weight: 800;
    text-align: center;
    box-sizing: border-box;
    line-height: 35px
}

.recommend_clients .btn {
    border-style: none;
    width: 220px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 80px;
    color: #ffffff;
    background-color: #b8a888;
    margin: 15px auto 20px auto;
    display: block
}

.recommend_clients .your {
    font-size: 1em;
    font-weight: 800;
    border-style: none;
    padding-left: 16px;
    width: 93%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #ad8e4e;
    margin: 10px auto -2px auto;
    display: block
}

.recommend_clients .di {
    width: 100%;
    height: 95px;
    background-color: #f5efe3;
    margin-top: 0px
}

.recommend_clients .di .sp1 {
    width: 100%;
    height: 20px;
    color: #858a8c;
    font-size: 0.85em;
    text-align: center;
    margin: 10px auto 8px auto;
    display: block
}

.recommend_clients .di .sp1 span {
    font-size: 1em;
    color: #d30000
}

.recommend_clients .bottom_topspan {
    background-color: #f5efe3;
    border-bottom-style: none
}

.stor {
    color: #ad8e4e !important;
    position: absolute;
    width: 90px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    right: 0;
    top: 7px;
    font-weight: normal
}

.go_store {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/go_store.png) no-repeat 0px -1px;
    background-size: 100%;
    vertical-align: middle
}

/*赚钱排行榜*/
.money_rank .top {
    padding-bottom: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    width: 100%;
    height: 70px;
    background: url(../images/moneybg.png) 0 0 no-repeat;
    background-size: 100%
}

.money_rank .top .left {
    text-align: center;
    float: left;
    box-sizing: border-box;
    width: 15%;
    height: 45px;
    border-right: 1px solid #DD9934;
}

.money_rank .top .sp1 {
    vertical-align: -4px;
    font-size: 0.9em;
    font-weight: bolder;
    color: #8d4f1d
}

.money_rank .top .sp2 {
    vertical-align: 2px;
    font-size: 0.9em;
    color: #8d4f1d
}

.money_rank .top .sp3 {
    font-size: 0.9em;
    color: #8d4f1d;
    vertical-align: 2px;
    margin-top: -3px
}

.money_rank .top .sp4 {
    font-size: 0.75em;
    color: #f54715;
    font-weight: bolder;
    display: inline-block;
}

.money_rank .top .sp5 {
    font-size: 0.9em;
    color: #8d4f1d;
    margin-top: -22px
}

.money_rank .top p {
    margin-top: -6px
}

.money_rank .top .middle {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 65%;
    height: 45px;
    border-right: 1px solid #DD9934;
}

.money_rank .top .middle .em1 {
    float: left;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    margin-right: 5%;
    margin-left: 5%;
    background: url(../images/rank.png) -12px -5px no-repeat;
    background-size: 125px 125px;
    width: 22px;
    height: 22px;
    display: inline-block;
}

.money_rank .top .middle .em2 {
    float: left;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    margin-left: 53%;
    background: url(../images/rank.png) -12px -5px no-repeat;
    background-size: 125px 125px;
    width: 22px;
    height: 22px;
    display: inline-block;
}

.money_rank .top .middle .div1 {
    line-height: 16px;
    float: left;
    position: absolute;
    top: 50%;
    left: 17%;
    margin-top: -15px;
    height: 30px;
    display: inline-block;
}

.money_rank .top .middle .div2 {
    line-height: 16px;
    float: left;
    position: absolute;
    top: 50%;
    left: 65%;
    margin-top: -15px;
    height: 30px;
    display: inline-block;
}

.money_rank .top .right {
    float: left;
    text-align: center;
    line-height: 40px;
    box-sizing: border-box;
    width: 20%;
    height: 45px;
}

.money_rank .top .right .r1 {
    color: #ffffff;
    font-size: 1em;
    font-weight: bolder;
    line-height: 54px;
    margin-top: -7px;
    vertical-align: top;
    width: 38px;
    height: 37px;
    background: url(../images/rank.png) -95px 1px no-repeat;
    background-size: 140px;
    display: inline-block
}

.money_rank .content {
    width: 100%;
    margin-top: 10px;
    line-height: 40px
}

.money_rank .content table tr {
    height: 40px;
    border-bottom: 1px #d9d9d9 solid;
}

.money_rank .content table th {
    color: #9b9b9c;
    border-bottom: 1px #d9d9d9 solid;
    font-size: 0.87em
}

.money_rank .content table td {
    line-height: 40px;
    text-align: center;
    border-bottom: 1px #d9d9d9 solid;
    font-size: 0.87em
}

.money_rank .content table .color_yellow {
    color: #ab915b;
    font-size: 0.87em;
    font-weight: bold
}

.money_rank .content table .color_red {
    color: #f4370a;
    font-size: 0.87em;
    font-weight: bold
}

.money_rank .content table .color_gray {
    color: #626364;
    font-size: 0.87em;
}

.money_rank .content table .color_chaochu {
    line-height: 29px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    width: 60px;
    color: #626364;
    font-size: 0.87em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.money_rank .content table td span {
    width: 35px;
    height: 30px;
    display: inline-block;
    vertical-align: middle
}

.money_rank .content table .first {
    background: url(../images/rank.png) -60px -8px no-repeat;
    background-size: 170px
}

.money_rank .content table .second {
    background: url(../images/rank.png) -59px -93px no-repeat;
    background-size: 170px
}

.money_rank .content table .third {
    background: url(../images/rank.png) -60px -49px no-repeat;
    background-size: 170px
}

/*我的购房币*/
.my_money .top {
    height: 62px;
    background-color: #ededed;
    border-bottom: 1px #d2d2d2 solid
}

.my_money .top .left {
    height: 46px;
    width: 61%;
    float: left;
    padding: 8px 0px 8px 10px
}

.my_money .top .left .sp1 {
    color: #4c4c4c;
    font-size: 0.8em
}

.my_money .top .left .sp2 {
    color: #e92c00;
    font-size: 1em
}

.my_money .top .left .p1 {
    margin-top: 2px;
    color: #4d4d4d;
    font-size: 0.8em;
}

.my_money .top .left .p1 em {
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -4px;
    width: 15px;
    height: 15px;
    background: url(../images/duihuan.png) -9px -150px no-repeat;
    background-size: 150px;
    display: inline-block;
}

.my_money .top .right {
    text-align: center;
    line-height: 63px;
    height: 63px;
    float: right;
    margin-right: 4%
}

.my_money .top .right .btn {
    text-align: right;
    font-size: 0.8em;
    width: 95px;
    height: 25px;
    line-height: 25px;
    border-radius: 80px;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 12px;
    background-color: #c2b497;
    border-style: none;
}

.my_money .top .right .btn em {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/duihuan.png) -8px -6px no-repeat;
    background-size: 110px;;
    vertical-align: middle
}

.my_money .MyClients {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -weblit-box-sizing: border-box;
    width: 100%;
    border-radius: 20px;
    border: 1px #a89774 solid;
    background-color: white;
}

.my_money .MyClients ul {
    width: 100%;
    list-style: none;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -weblit-box-sizing: border-box;
}

.my_money .MyClients ul li {
    line-height: 30px;
    height: 30px;
    width: 50%;
    overflow: visible;
    text-align: center;
    float: left;
    font-size: 0.9em;
}

.my_money .MyClients ul .rightli {
    width: 50%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.my_money .MyClients ul a:first-child li {
    margin-left: 0
}

.my_money .MyClientsFont1 {
    font-size: 0.7em;
    overflow: auto;
}

.my_money .MyClientsLeft {
    border-left: 1px #a89774 solid;
}

.my_money .MyClientsBackColor {
    background-color: #a89774;
    color: white;
    font-weight: bolder
}

.my_money .MyClientsBackColor1 {
    background-color: #ffffff;
    color: #bfbfbf;
}

.my_money .border_leftr {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.my_money .border_rightr {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.my_money .content {
    width: 100%;
    margin-top: 10px;
    padding: 0 10px 50px;
    box-sizing: border-box;
}

.my_money .content .MyClients {
    width: 100%;;
    margin-top: 10px;
}

.my_money .content .content_ul {
    padding-bottom: 0px;
    margin-top: 10px;
}

.my_money .content .content_ul li {
    position: relative;
    padding-top: 5px;
    height: 65px;
    border-bottom: 1px #d9d9d9 solid;
    box-sizing: border-box
}

.my_money .content .content_ul li .sp1 {
    width: 150px;
    color: #4d4d4d;
    font-size: 1em;
    display: inline-block;
    margin-left: 9px;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.my_money .content .content_ul li .sp2 {
    color: #808080;
    font-size: 0.8em;
    display: inline-block;
    margin-left: 9px;
    vertical-align: middle
}

.my_money .content .content_ul li .em1 {
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/tjkh.png) -4px -3px no-repeat;
    background-size: 100px 100px
}

.my_money .content .content_ul li .em2 {
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/tjkh.png) -4px -29px no-repeat;
    background-size: 100px 100px
}

.my_money .content .content_ul li .total {
    text-align: right;
    height: 20px;
    width: 35%;
    display: inline-block;
    color: #4d4d4d;
    font-size: 1em;
    font-weight: bolder;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 1%
}

/*动画基础样式*/

.swiper-container {
    width: 100%;
    height: 100%;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
}

.swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-slide {
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.caption {
    font-size: 50px;
    font-weight: 100;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: rgb(0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.device {
    width: 100%;
}

.testPage {
    width: 50px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    bottom: 50px;
    left: 0;
    z-index: 111111
}

/**楼盘相册封面*/
.building-photo {
    background: url("../images/building-photo-bg.png") no-repeat 0 0;
    background-size: 100%;
    overflow: hidden
}

.building-photo .swiper-container {
    width: 85% !important;
    top: 53px;
}

.building-photo .swiper-container .swiper-slide {
    background: url("../images/building-inner-bg.jpg") no-repeat 0 0;
    background-size: 100% 380px;
    text-align: center;
    padding-top: 10px;
}

.building-photo .swiper-container .swiper-slide > a > img {
    height: 300px;
}

.building-page {
    left: 50%;
    margin-left: -25px;
    color: #fff
}

.building-logo {
    width: 100%;
    height: 52px;
    text-align: center;
    left: 0;
    top: 10px;
    text-align: center;
}

.building-photo .building-caption {
    width: 100%;
}

.building-photo .building-caption .building-text {
    width: 70%;
    height: 38px;
    line-height: 27px;
    float: left;
    color: #d3b989;
    text-align: left;
    padding-left: 10px;
    font-size: 12px
}

.building-photo .building-caption .building-photoNo {
    display: inline-block;
    width: 40px;
    text-align: right;
    height: 40px;
    padding-right: 10px;
    line-height: 27px;
    color: #a6a6a6;
    float: right;
    font-size: 12px;
    background: url("../images/build-photoNo.png") no-repeat left 22%;
    background-size: 16px 14px;
}

/*全景看房样式*/
.around-house-looking {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1000
}

.around-house-looking > img {
    width: 60px !important;
    height: 60px !important;
}

.around-house-looking-detail {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50px;
    right: 10px;
    z-index: 1000
}

.around-house-looking-detail > img {
    width: 60px !important;
    height: 60px !important;
}

/****兑换商城*****************/
.gray-bg {
    background-color: #EDEDED
}

.ex-store-box {
    background-size: 100% 100%;
    overflow-x: hidden;
}

.ex-store-box .store-top {
    height: 44px;
    line-height: 44px;
    background-color: #EDEDED;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.store-top .coin {
    font-size: 0.93em;
    color: #363636;
}

.store-top .coin .coin-num {
    color: #E92500;
    margin-left: 2%
}

.store-top .my-ex-link {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin-top: 10px;
    border-radius: 20px;
    font-size: 0.93em;
    float: right;
    padding: 0 10px;
    color: #fff;
    background-color: #BFB191;
}

.ex-store-box .invite-box {
    width: 100%;
    background-color: #fff;
    padding: 0 0 10px;
    margin: -55px 0 50px;
    border-bottom: 1px solid #CBC7BE;
    position: relative;
}

.ex-store-box .store-head-img {
    display: block;
    margin-bottom: 50px;
    margin-top: -50px;
}

.ex-store-box .down-arr {
    position: absolute;
    top: 100%;
    left: 4%;
    margin-top: -1px;
}

.invite-box .deduction-volume {
    width: 43%;
    float: left;
    margin-top: 10px;
    display: block;
    background-color: #FDBE2E;
    margin-left: 5%
}

.invite-box .floatR {
    float: right
}

.deduction-volume .volume-info {
    float: left;
    width: 94%;
    height: 90px;
    background-color: #3D6DA3;
    padding: 8px 5% 0 10%;
    font-size: 0.93em;
    box-sizing: border-box
}

.deduction-volume .volume-info p {
    color: #fff;
}

.deduction-volume .volume-info p:first-child {
    font-size: 0.87em;
}

.deduction-volume .volume-info .coin-symbol {
    font-size: 1.4em;
}

.deduction-volume .volume-info .coin-button {
    color: #EDCC84;
    background-color: #5E89B3;
    font-size: 0.93em;
    padding: 0 7px 0 5px;
    border-radius: 20px;
    white-space: nowrap;
    width: 80%
}

.deduction-volume .volume-info .coin-button span {
    display: inline-block;
    vertical-align: text-top;
    margin-left: 2%;
}

.ex-store-box .gift-show {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 10px 0 80px;
    margin-top: -50px;
}

.gift-show .title {
    color: #A48A54;
    font-size: 0.97em;
    padding-left: 15px;
    width: 100%
}

.gift-show .gift-show-chunk {
    width: 46%;
    float: left;
    padding: 5px;
    background-color: #fff;
    margin: 10px 0 0 10px;
    box-sizing: border-box
}

.gift-show-chunk .show-chunk {
    border: 1px solid #D4D4D4;
    height: 90px;
    width: 100%
}

.gift-show-chunk .show-chunk-name {
    font-size: 0.75em;
    color: #2D2D40;
    height: 40px;
}

.gift-show-chunk .show-chunk-num {
    font-size: 0.85em;
    color: #E46E45;
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 4%
}

/*物管费***/
.mcmater-top {
    margin: 10px 15px;
    border: 1px solid #CDCDCD;
    background-color: #fff;
    border-radius: 2px
}

.mcmater-top .top-one {
    width: 100%;
    background-color: #FDBD30;
    height: 80px;
    border-bottom: 2px solid #B3A67F;
    position: relative
}

.mcmater-top .top-one img {
    height: 80px;
}

.mcmater-top .top-one .price {
    left: 65%;
    top: 20px;
    color: #fff;
    position: absolute;
    width: 35%;
    text-align: center;
}

.mcmater-top .top-one div .coin-symbol {
    font-size: 1.2em;
}

.top-one .mcmater-ex {
    position: absolute;
    font-size: 0.93em;
    color: #EBEEEE;
    background-color: #B5A780;
    bottom: 0;
    width: 25%;
    text-align: center
}

.mcmater-top .mcmater-title {
    padding: 5px;
    font-weight: 700;
    font-size: 0.93em;
    color: #4D4D4D
}

.mcmater-top .mcmater-tex {
    font-size: 0.87em;
    margin: 0 5px;
    color: #8B8B8B;
    border-bottom: 1px solid #CDCDCD
}

.mcmater-top .mcmater-tex span {
}

.mcmater-tex .ex-one {
    display: inline-block;
}

.mcmater-tex .coin-red {
    display: inline-block;
    color: #E72E00;
    margin: 0 8% 0 2%
}

.mcmater-tex .coin-last {
    margin-left: 5%
}

.mcmater-tex .coin-gray {
    color: #535353;
    word-break: break-all
}

.mcmater-top .ex-link {
    display: inline-block;
    width: 80%;
    border-radius: 20px;
    margin: 10px 10%;
    padding: 5px 0;
    text-align: center;
    background-color: #B7A886;
    color: #FFEFF6
}

.mcmater-top .my-coin {
    margin: 2px 0 5px;
    font-size: 0.93em;
    color: #4F4F4F;
    text-align: center
}

.mcmater-top .my-coin .ex-status {
    color: #8A8A8A;
    margin: 0 2% 0 0
}

.mcmater-top .my-coin :last-child {
    color: #E72E00
}

.mcmater-top .NotStarted {
    display: inline-block;
    width: 80%;
    border-radius: 20px;
    margin: 10px 10%;
    padding: 5px 0;
    text-align: center;
    background-color: #BDBDBD;
    color: #fff
}

.ex-content {
    padding-bottom: 80px;
}

.ex-content .ex-content-tit {
    font-size: 0.97em;
    color: #4C4C4C;
    margin: 0 15px;
}

.ex-content .ex-content-tex {
    font-size: 0.85em;
    color: #888888;
    margin: 0 10px 10px 20px;
    line-height: 23px;
}

.ex-succeed {
    width: 90%;
    padding: 20px 0;
    margin: 10px 0 0 5%;
    background: url(../images/ex-bg_1.png) no-repeat;
    background-size: 100% 100%;
}

.ex-succeed .ex-succeed-top {
    width: 95%;
    margin-left: 2%;
    text-align: center;
    padding: 40px 0 20px;
    border-bottom: 1px solid #D9D9D9;
}

.ex-succeed .succeed-link {
    display: block;
    width: 55%;
    margin-left: 20%;
    color: #EC804C;
    border: 1px solid #D5CDC5;
    padding: 5px 15px;
    border-radius: 20px;
}

.ex-succeed .succeed-img {
    margin-top: 15px;
}

.ex-succeed .ex-yard {
    font-size: 0.93em;
    color: #8D8D8D
}

.ex-succeed .ex-yard span {
    color: #E45007
}

.ex-succeed .ex-succeed-text {
    padding: 15px 10px;
    font-size: 0.93em;
}

.ex-succeed .ex-succeed-text > p {
    color: #4F4F4F;
    padding-left: 8px;
    text-indent: -8px;
}

.ex-succeed .ex-succeed-text > p > span {
    color: #ADADAD
}

.wap-button {
    width: 100%;
    margin: 20px 0 50px;
}

.wap-button a {
    display: block;
    width: 40%;
    margin-left: 7%;
    background-color: #BCAD8D;
    color: #EAE5E2;
    text-align: center;
    padding: 8px 0;
    border-radius: 20px;
    float: left
}

.bound-succeed .green-color {
    color: #4FAA26
}

.bound-succeed .bound-su-button {
    display: block;
    width: 80%;
    margin: 25px 10%;
    background-color: #BCAD8D;
    color: #EAE5E2;
    text-align: center;
    padding: 8px 0;
    border-radius: 20px;
}

.top-two {
    width: 100%;
    background-color: #FDBD30;
    border-bottom: 2px solid #B3A67F;
    position: relative
}

.top-two .mcmater-ex {
    position: absolute;
    font-size: 0.93em;
    color: #EBEEEE;
    background-color: #B5A780;
    bottom: 0;
    width: 25%;
    text-align: center
}

.top-two img {
    float: left
}

.ex-details-text {
    margin: 25px 0 25px;
}

.ex-details-text .text-one {
    font-size: 0.97em;
    margin: 25px 0 0 0;
    text-align: center
}

.ex-details-text .text-one span {
    color: #E73A25
}

.ex-details-text .text-two {
    font-size: 0.97em;
    margin-left: 20%
}

.ex-details-footer a {
    width: 50%;
    display: block;
    text-align: center;
    color: #4E4E4E;
    float: left
}

.ex-details-footer a:active {
    background-color: #d9d9d9;
    border: none
}

.ex-details-footer a:last-child {
    border-left: 1px solid #dcdcdc;
    box-sizing: border-box
}

.ex-details-footer a.one-btn {
    width: 100%;
    border-left: none;
}

.ex-details-footer .one-btn:active {
    border-left: none;
    margin-left: 0;
}

/**登录失败****/
.ex-succeed .back-but {
    display: block;
    margin: 20px 10%;
    width: 80%;
    background-color: #BCAD8D;
    color: #EAE5E2;
    text-align: center;
    padding: 8px 0;
    border-radius: 20px;
}

/********登录***********/
.login-bg {
    background: url(../images/login_bg_1.png) no-repeat;
    background-size: 100% 100%;
    padding: 17px 15px 60px;
}

.login-bg .login-content {
    width: 100%;
    background-color: #FDFDFD;
}

.login-content .login-link {
    display: block;
    float: right;
    margin: 5px
}

.login-content .login-link:hover {
    cursor: pointer
}

.login-content .login-tit {
    display: block;
    margin: 40px 0 0 5%;
}

.login-content .login-name {
    width: 88%;
    margin: 20px 5%;
    position: relative;
    border-bottom: 1px solid #ACACAC;
    padding: 5px;
}

.login-name .in-phone {
    border: none;
    background-color: #FEFEFE;
    vertical-align: text-bottom;
    width: 92%;
    padding: 0 25px 0 5px;
    box-sizing: border-box;
    height: 25px;
}

.login-name .del-in {
    position: absolute;
    left: 91%;
    top: 8px;
}

.login-name .del-in:hover {
    cursor: pointer
}

.login-content .other-click {
    margin: 3px 5%;
}

.other-click .login-select {
    display: inline-block;
    font-size: 0.93em;
    width: 106%
}

.other-click .login-select .check-box-name {
    color: #676767
}

.other-click .forget-pass {
    float: right;
    font-size: 0.93em;
    color: #B6A785
}

.login-content .login-button {
    display: inline-block;
    width: 90%;
    background-color: #B6A785;
    color: #FFFDF8;
    padding: 10px 0;
    margin: 15px 5%;
    text-align: center;
    border-radius: 20px;
    border: none
}

.login-content .register-box {
    width: 100%;
    margin: 20px 0 33px;
}

.login-content .other-login {
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    margin-top: 30px;
}

.login-content .other-login a {
    color: #AD945B;
}

.login-content .register-box p {
}

.login-content .register-box .reg-left {
    color: #4F4F4F;
    font-size: 0.75em;
    width: 64%;
    padding-left: 6%;
    box-sizing: border-box;
    overflow: hidden;
    background: url(../images/login_left.png) no-repeat;
    height: 60px;
    background-size: 10% 100%;
    margin-left: 3%;
}

.login-content .register-box .reg-right {
    width: 28%;
    text-align: center;
    overflow: hidden;
    background: url(../images/login_rig.png) right no-repeat;
    border-left: 1px solid #B0B0B0;
    height: 60px;
    background-size: 25% 100%;
    font-size: 0.93em;
    margin-right: 3%;
    padding-right: 4%;
    box-sizing: border-box;
    display: table-cell
}

.login-content .register-box .reg-right a {
    display: inline-block;
    color: #AD945B;
    font-weight: bold;
    font-size: 1.2em;
    padding-left: 5px;
}

/*复选框样式*/
.check-box {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #99a3a4;
    border-radius: 2px;
    vertical-align: middle;
}

.selected {
    border: 1px solid #cecece;
}

.selected i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/login_yes.png") center center no-repeat;
    background-size: 100% 100%;
    margin: -1px 0 0 -1px;
}

.disabled {
    border: 1px solid #cacfd2;
    background-color: #f0f0f0;
}

.disabled + span {
    color: #7c8d8d;
}

.check-box + span {
    vertical-align: middle;
}

.check-box + span:hover {
    cursor: pointer
}

/****zhuce******/
.login-content .reg-tit {
    display: block;
    float: left;
    margin: 10px 0 0 5%;
}

.login-explain {
    width: 90%;
    margin: 30px 5% 15px;
    padding: 0 5px 0;
    color: #909090;
    text-align: center;
    font-size: 0.93em;
    box-sizing: border-box;
    height: 60px;
    background: url(../images/reg_middle.png) no-repeat;
    background-size: 100% 100%;
}

.login-explain div {
    width: 46%;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
}

.login-name .reg-verify {
    display: inline-block;
    background-color: #B6A785;
    color: #FFFDF8;
    padding: 3px 15px;
    text-align: center;
    border-radius: 20px;
    position: absolute;
    top: 3px;
    left: 73%;
}

.other-click .login-select .reg-deal {
    color: #BCAD8B;
    font-size: 0.93em;
}

.go-login {
    width: 100%;
    text-align: center;
    margin-top: 25px;
    color: #4C4C4C;
    font-size: 0.93em;
}

.go-login a {
    font-size: 1.2em;
    color: #A6874E;
    font-weight: bold
}

/****修改密码******/
.fff-bg {
    background-color: #fff;
    background-size: 100% 100%;
    overflow-x: hidden;
}

.change-pass {
    padding: 15px;
    font-size: 0.93em;
    width: 90%;
}

.change-pass .change-pass-tit {
    color: #4D4D4D
}

.change-pass input {
    margin-top: 10px;
    width: 97%;
    height: 40px;
    padding-left: 10px;
    border: 1px solid #D9D9D9;
    background-color: #EDEDED
}

/***注册协议******/
.reg-ftp {
    position: relative;
}

.reg-ftp .ftp-top {
    position: absolute;
    right: 0;
    top: 0
}

.reg-ftp .reg-ftp-tit {
    color: #545454;
    font-size: 1.1em;
    text-align: center;
    width: 100%;
    padding: 30px 0 15px
}

.reg-ftp .reg-ftp-text {
    font-size: 0.87em;
    color: #797979;
    line-height: 22px;
    padding: 0 15px;
}

/**抵扣规则***/
.deduction-top {
    padding: 35px 0 15px 10px;
    box-sizing: border-box
}

.deduction-top .de-icon {
    display: inline-block;
    width: 23px;
    margin-right: 5px;
    border-radius: 100px;
    height: 23px;
    background-color: #C4A560;
    font-size: 0.93em;
    color: #fff;
    text-align: center;
}

.reg-ftp .bool-link {
    font-size: 0.97em;
    color: #3781C3;
    text-decoration: underline;
    display: inline-block;
    margin: 20px 0 0 10px;
}

.deduction-top .deduction-img {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 20px;
    background: url(../images/house-rule_1.png) right no-repeat;
    background-size: 100% 100%;
}

.deduction-top .deduction-img span {
    margin: -8px 0 0 17%;
    vertical-align: middle;
    font-size: 0.93em;
    display: inline-block;
    background-color: #fff;
    padding: 0 2px;
    color: #C4C4C4
}

/*最新动态*/
.new-dynamic li {
    padding: 10px 15px;
    border-top: 1px solid #4a4b48;
}

.new-dynamic li:first-child {
    border-top: none;
}

.new-dynamic li .dynamic-con {
    position: relative;
    padding-left: 10px;
    font-size: 0.9375em;
    color: #fff;
}

.new-dynamic li .dynamic-con .list-pointer {
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0;
    top: 11px;
    margin-top: -2px;
    background: url("../images/bg-icons-01.png") no-repeat -25px 0;
    background-size: 143px 214px;
}

.new-dynamic li .time {
    font-size: 0.75em;
    color: #666;
    text-align: right;
    margin-top: 2px;
}

.new-dynamic li .time span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../images/bg-icons-01.png") no-repeat 0 -71px;
    background-size: 100px 150px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    left: -5px;
}

/*动态详情*/
.dynamic-details {
    padding: 15px 13px;
}
.dynamic-details p {
    color: #fff;
    font-size: 14px;
}

.dynamic-details > h1 {
    font-size: 1.5em;
    color: #fff;
}

.dynamic-details > .time {
    font-size: 0.75em;
    color: #666;
    text-align: left;
    margin-top: 5px;
}

.dynamic-details > .time span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../images/bg-icons-01.png") no-repeat 0 -71px;
    background-size: 100px 150px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.dynamic-details > .content {
    color: #fff;
    padding-top: 10px;
    font-size: 0.8125em;
}

.dynamic-details > .content img {
    width: 100% !important;
}

.dynamic-details > .content table {
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0;
}

.dynamic-details > .content table td {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
}

.dynamic-details > .content table tr:first-child td {
    border-top-width: 1px;
    border-top-style: solid;
}

.dynamic-details > .content table tr td:first-child {
    border-left-width: 1px;
    border-left-style: solid;
}

/**分享软文*/
.share-section {
    width: 100%;
    background-color: #ededed;
    padding-bottom: 120px;
}

.share-section .share-top {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    background-color: #fff
}

.share-section .share-top table {
    width: 100%
}

.share-section .share-top table tr td {
    font-size: 13px;
    color: #ab915b;
    height: 45px;
    width: 41%
}

.share-section .share-top table tr td:first-child {
    width: 16%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.share-section .share-top table tr td.share-line {
    width: 2%;
}

.share-section .share-top table tr td.share-line > div {
    width: 1px;
    height: 38px;
    background-color: #cbcbcb
}

.share-section .share-top table tr td img {
    float: left;
    margin-right: 5px;
}

.share-btn-group {
    width: 95%;
    margin: 0 auto;
    padding: 11px 0 11px 0
}

.share-btn-group > a:first-child {
    margin-right: 6%;
}

.share-btn-group > a:last-child {
    margin-left: 6%;
}

.share-box {
    width: 95%;
    margin: 0 auto;
    padding: 6px;
}

.share-box > ul {
    margin-bottom: 20px;
    background-color: #fff;
    padding: 5px;
    border-bottom: 1px solid #C4C4C4;
}

.share-box > ul > li .box-title {
    color: #4d4d4d;
    font-weight: bold;
    font-size: 14px;
    text-indent: 5px;
    position: relative
}

.share-box > ul > li .box-title .share-logo {
    position: absolute;
    right: 15px;
    top: -24px;
}

.share-box .share-progress {
    height: 28px;
    line-height: 28px;
    color: #ab915b;
    font-size: 12px;
}

.share-box .share-progress > img {
    vertical-align: middle
}

.share-box .share-progress .progress {
    width: 90px;
    height: 8px;
    background-color: #e6e6e6;
    display: inline-block;
    margin: -3px 10px 0 10px;
    border-radius: 10px;
    overflow: hidden
}

.share-box .share-progress .progress > li {
    width: 30px;
    height: 8px;
    float: left;
    border-right: 1px solid #fff;
}

.share-box .share-progress .progress > li.addOn {
    background-color: #c9b894
}

.add-money {
    font-size: 12px !important;
}

.share-desc {
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin-top: 27px;
    margin-bottom: 20px;
}

.share-desc a {
    color: #fff
}

.share-desc img {
    margin-right: 7px;
    position: relative;
    top: 1px;
}

/*****3-3-0*lei*Newadd******/
.share-box .share-progress .text {
    margin-left: 5%
}

.share-box .share-progress .number {
    color: #b4a076
}

.share-box .share-progress .progress-new {
    height: 23px;
    display: inline-block;
    margin: -5px 10px 0 10px;
    border-radius: 10px;
    overflow: hidden;
    vertical-align: middle
}

.share-box .share-progress .progress-new > li {
    display: inline-block;
    width: 23px;
    margin-right: 10px;
    height: 23px;
    float: left;
    border-right: 1px solid #fff;
}

.share-box .share-progress .progress-new .share-we {
    background: url("../images/share-we_1.jpg") no-repeat;
    background-size: 100% 100%
}

.share-box .share-progress .progress-new .share-qq {
    background: url("../images/share-qq_1.jpg") no-repeat;
    background-size: 100% 100%
}

.share-box .share-progress .progress-new .share-tw {
    background: url("../images/share-tw_1.jpg") no-repeat;
    background-size: 100% 100%
}

.share-box .share-progress .progress-new .share-we-no {
    background: url("../images/share-we_2.png") no-repeat;
    background-size: 100% 100%
}

.share-box .share-progress .progress-new .share-qq-no {
    background: url("../images/share-qq_2.jpg") no-repeat;
    background-size: 100% 100%
}

.share-box .share-progress .progress-new .share-tw-no {
    background: url("../images/share-tw_2.jpg") no-repeat;
    background-size: 100% 100%
}

/*分享软文规则页面*/
.share-section-desc {
    padding: 25px 10px 120px 10px;
    background: url("../images/share-right-top_03.jpg") no-repeat right top;
    background-color: #fff;
    background-size: 36px 25px;
}

.share-section-desc .share-1 {
    padding: 15px 19px
}

.share-section-desc .share-1 pre {
    color: #8c8c8c;
    font-size: 0.87em;
}

/*软文详情*/
.dynamic-details.ruanwen {
    padding: 13px 13px 40px 13px;
}

.dynamic-details.ruanwen h1 {
    color: #4c4c4c;
    font-size: 16px;
}

.dynamic-details.ruanwen .time > a {
    color: #4070bf;
    margin-left: 20px;
}

.dynamic-details.ruanwen .content {
    padding-top: 10px;
    color: #000;
    padding-bottom: 50px;
}

.dynamic-details.ruanwen .content > p {
    color: #666;
    font-size: 14px;
}

/*.dynamic-details.ruanwen .content>p>img{margin-left: -15px;}*/
.footer-nav.share {
    background: rgba(0, 0, 0, .8)
}

.footer-nav.share > a {
    display: block;
    width: 20%;
    border: none;
}

.footer-nav.share .current {
    width: 60%;
    background: none;
    margin: 0 auto
}

.footer-nav.share .left {
    left: 0
}

.footer-nav.share .right {
    right: 0
}

.footer-nav.share .middle-share {
    width: 70%;
    padding: 8px 20px;
    background: none;
    margin-top: 2px;
    background: #b6a685;
    color: #746345;
    border-radius: 30px
}

/*我的兑换*/
.duihuan-section {
    background-color: #ededed;
    padding-bottom: 40px;
}

.duihuan-section .duihuan-top {
    width: 100%;
    height: 50px;
    background-color: #fff;
    line-height: 50px;
}

.duihuan-section .duihuan-top p {
    float: left;
    font-size: 14px;
    color: #4d4d4d;
    padding-left: 10px;
}

.duihuan-section .duihuan-top img {
    float: right;
    margin-top: 10px;
    margin-right: 10px
}

.duihuan-section .content {
    padding: 10px;
}

.duihuan-section .content > ul {
    margin-bottom: 10px;
}

.duihuan-section .content li {
    padding: 10px;
}

.duihuan-section .content .first {
    background: url("../images/duihuan-1.jpg") no-repeat 0 0;
    background-size: 100% 100%;
}

.duihuan-section .content .first .title {
    font-size: 15px;
    color: #494c4c;
    font-weight: normal;
    margin-bottom: 5px;
}

.duihuan-section .content .first .time > div {
    font-size: 12px;
    color: #8c8c8c;
    float: left;
    width: 25%;
    min-width: 60px;
    margin-bottom: 5px;
}

.duihuan-section .content .first .time > p {
    float: right;
    width: 75%;
    font-size: 12px;
    color: #494c4c;
    margin-bottom: 5px;
}

.duihuan-section .content .first .address > div {
    font-size: 12px;
    color: #8c8c8c;
    float: left;
    width: 25%;
    min-width: 60px;
    margin-bottom: 5px;
}

.duihuan-section .content .first .address > p {
    float: right;
    width: 75%;
    font-size: 12px;
    color: #494c4c;
    margin-bottom: 5px;
}

.duihuan-section .content .second {
    background: url("../images/duihuan-2.jpg") no-repeat 0 0;
    background-size: 100% 100%;
    margin-bottom: 5px;
}

.duihuan-section .content .second > img {
    margin-right: 15px;
    width: 54px;
    display: inline-block;
    vertical-align: middle;
}

.duihuan-section .content .second > p {
    font-size: 14px;
    color: #8c8c8c;
    display: inline-block
}

.duihuan-section .content .second > p > span {
    color: #db4612;
    font-weight: bold;
    margin-left: 10px;
}

/**楼盘详情页面*/
.detail-page {
    width: 50px;
    height: 28px;
    top: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, .8);
    line-height: 28px;
    color: #fff
}

.photo-detail {
    background: #000
}

.photo-detail .building-caption {
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    left: 0;
    bottom: 0;
    max-height: 70px;
    z-index: 1000;
    overflow-y: auto;
}

.photo-detail .building-caption > p {
    padding: 5px 20px 20px;
    color: #fff;
    font-size: 12px;
}

/*样板间详情*/
.share-room {
    padding: 8px 37px 8px 12px;
    background: url("../images/room-share.png") no-repeat 90% 38%;
    background-size: 16px 16px;
    background-color: rgba(0, 0, 0, .8);
    font-size: 12px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1222;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.share-room:hover {
    cursor: pointer
}

.room-page {
    width: 50px;
    height: 34px;
    top: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, .8);
    line-height: 34px;
    color: #fff
}

.share-modal {
    width: 84.375%;
    position: fixed;
    left: 50%;
    margin-left: -42.1875%;
    top: 45%;
    margin-top: -49px;
    z-index: 1200;
    background-color: rgba(0, 0, 0, .8);
    display: none;
    border-radius: 2px;
}

.share-modal > table {
    width: 100%;
}

.share-modal > table tr td {
    width: 33.33333333333%;
    text-align: center
}

.share-modal > table tr td a {
    display: inline-block
}

.share-modal > table tr td p {
    color: #ccc;
    font-size: 16px;
    padding-bottom: 10px
}

/*楼盘概况*/
.building-situation {
    background: url("../images/building-situation-bg.jpg") no-repeat 0 0;
    background-size: 100%;
}

.building-situation .top-nav .building-name {
    padding: 10px 15px 0;
    font-size: 1.0625em;
    color: #ffe1a5;
}

.building-situation .top-nav .building-price {
    padding: 0 15px 10px;
    font-weight: bold;
    font-size: 1.0625em;
    color: #ffe1a5;
}

.building-situation .top-nav .building-price span {
    font-size: 0.75em;
    font-weight: normal;
}

.building-situation .top-nav .nav-module {
    padding: 0 7.8125% 15px;
}

.building-situation .top-nav .nav-module > .nav-btn {
    width: 33.33333333%;
    position: relative;
}

.building-situation .top-nav .nav-module > .nav-btn > img {
    width: 71%;
    display: none;
}

.building-situation .top-nav .nav-module > .nav-btn > img:first-child {
    display: inline-block;
}

.building-situation .top-nav .nav-module > .nav-btn > em {
    position: absolute;
    width: 12px;
    height: 6px;
    bottom: -15px;
    background: url("../images/bg-icons-01.png") no-repeat 0 -63px;
    background-size: 100px 150px;
}

.building-situation .top-nav .nav-module .nav-one {
    text-align: left;
}

.building-situation .top-nav .nav-module .nav-one em {
    left: 35.5%;
    margin-left: -6px;
}

.building-situation .top-nav .nav-module .nav-two {
    text-align: center;
}

.building-situation .top-nav .nav-module .nav-two em {
    left: 50%;
    margin-left: -6px;
    bottom: -15px;
}

.building-situation .top-nav .nav-module .nav-three {
    text-align: right;
}

.building-situation .top-nav .nav-module .nav-three em {
    right: 35.5%;
    margin-right: -6px;
}

.building-situation .top-nav .nav-module .current img {
    display: inline-block;
}

.building-situation .top-nav .nav-module .current img:first-child {
    display: none;
}

.building-situation .contents {
    padding-top: 7px;
    background: url("../images/building-situation-conbg01.png") repeat 0 0;
    color: #333;
}

.building-situation .contents .con-module {
    padding-bottom: 80px;
}

.building-situation .contents .con-module .con {
    padding: 8px 15px 8px;
}

.building-situation .contents .con-module .con.border-bot {
    border-bottom: 1px solid #a39b8c;
}

.building-situation .contents .con-module .title {
    font-size: 0.8125em;
    padding-bottom: 2px;
}

.building-situation .contents .con-module .title > span {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.building-situation .contents .con-module .title .introduce-ico {
    width: 16px;
    height: 11px;
    top: 1px;
    background: url("../images/bg-icons-01.png") no-repeat 0 -17px;
    background-size: 100px 150px;
}

.building-situation .contents .con-module .title .details-ico {
    width: 16px;
    height: 16px;
    background: url("../images/bg-icons-01.png") no-repeat 0 -29px;
    background-size: 100px 150px;
}

.building-situation .contents .con-module .title .location-ico {
    width: 16px;
    height: 16px;
    background: url("../images/bg-icons-01.png") no-repeat 0 0;
    background-size: 100px 150px;
}

.building-situation .contents .con-module .title .traffic-ico {
    width: 16px;
    height: 16px;
    top: 3px;
    background: url("../images/bg-icons-01.png") no-repeat 0 -46px;
    background-size: 100px 150px;
}

.building-situation .contents .con-module p {
    font-size: 0.75em;
    line-height: 1.5em;
    margin-top: 3px;
    word-wrap: break-word;
}

.building-situation .contents .con-module .con .con-three-map {
    width: 100%;
    padding: 20px 0 0;
}

/**提示信息样式*/
.submit-success {
    width: 80%;
    padding: 5% 0;
    background-color: rgba(0, 0, 0, .7);
    position: fixed;
    top: 30%;
    left: 10%;
    text-align: center;
    border-radius: 2px
}

.submit-success img {
    margin-bottom: 5%
}

.submit-success p {
    font-size: 0.9375em;
    color: #cbcbcb;
    line-height: 23px;
}

/*弹出层*/
.share-modal.oper-hint {
    background-color: #fff;
    margin-top: -73px;
}

.share-modal > .hint-con {
    position: relative;
    width: 100%;
    height: 101px;
}

.share-modal > .hint-con p {
    text-align: center;
    line-height: 101px;
    font-size: 0.9375em;
    color: #2d2e40;
}

.share-modal > .hint-con .close-btn {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 5px;
    right: 5px;
    background: url("../images/login_2.png") no-repeat 0 0;
    background-size: 100% 100%;
}

.share-modal .oper-btn {
    height: 45px;
    border-top: 1px solid #dcdcdc;
}

.share-modal .oper-btn {
    height: 45px;
    font-size: 0.9375em;
    color: #2d2e40;
    text-align: center;
    line-height: 45px;
}

.share-modal .oper-btn.two-btn > a {
    width: 50%;
}

.share-modal .oper-btn.two-btn > a:last-child {
    border-left: 1px solid #dcdcdc;
    margin-left: -1px;
}

.share-modal .oper-btn > a:active {
    background-color: #e5e5e5;
}

.share-modal.share-hint {
    background-color: #fff;
    top: 50px;
    margin-top: 0;
}

.share-modal.share-hint .share-hint-con {
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #dcdcdc;
}

.share-modal.share-hint .share-hint-con p {
    font-size: 0.75em;
    line-height: 1.5em;
    color: #595965;
}

.share-modal.share-hint .share-hint-con .reward-hint {
    color: #b18e4f;
}

.share-modal.share-hint .share-hint-con .reward-hint .bi-ico {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    background: url("../images/bg-icons-01.png") no-repeat 0 -124px;
    background-size: 100px 150px;
    position: relative;
    top: 4px;
}

.share-modal.share-hint .share-hint-con .hint-num {
    position: absolute;
    width: 41px;
    height: 41px;
    top: 0;
    left: 0;
    background: url("../images/share-hint-num02.png") no-repeat 0 0;
    background-size: 100% 100%;
}

.share-modal.share-hint .share-hint-con:first-child .hint-num {
    background: url("../images/share-hint-num01.png") no-repeat 0 0;
    background-size: 100% 100%;
}

.share-modal.share-hint .share-path > p {
    margin-top: 5px;
    text-align: center;
    font-size: 0.75em;
    color: #595965;
}

.share-modal.share-hint .share-path ul {
    padding: 10px 0 16px;
}

.share-modal.share-hint .share-path ul li {
    width: 33.333333333333%;
    position: relative;
}

.share-modal.share-hint .share-path ul li .path-icon {
    display: block;
}

.share-modal.share-hint .share-path ul li .path-icon img {
    display: block;
    margin: 0 auto;
}

.share-modal.share-hint .share-path ul li .border {
    position: absolute;
    width: 1px;
    height: 40px;
    top: 17px;
    right: 0;
    background-color: #dcdcdc;
}

.share-modal.share-hint .share-path ul li .path-name {
    margin-top: 2px;
    font-size: 0.8125em;
    color: #2d2e40;
    text-align: center;
}

.share-modal.share-hint .share-path ul li .reward {
    margin-top: 1px;
    font-size: 0.75em;
    color: #b7a584;
    text-align: center;
}

/*轮播公用基础样式*/
.carousel {
    width: 100%;
    position: relative;
}

.carousel .wipe-list {
    width: 100%;
    position: relative;
    overflow: hidden;
    visibility: visible;
}

.carousel .wipe-list .wipe-list-ul {
    width: 10000px;
    position: relative;
}

.carousel .wipe-list .wipe-list-ul li {
    float: left;
    position: relative;
}

.carousel .wipe-list .wipe-list-ul li img {
    width: 100%;
    display: block;
}

.carousel .gcdt-list-cur {
    position: absolute;
    width: 200px;
    bottom: 5px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
    z-index: 3;
}

.carousel .gcdt-list-cur {
    overflow: hidden;
    z-index: 3;
    text-align: center;
    position: absolute;
    right: 21px;
    margin-top: -22px;
}

.carousel .gcdt-list-cur div {
    display: inline-block;
    background: #8d8d8d;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin: 0 auto;
}

.carousel .gcdt-list-cur div.cur {
    background: #000;
}

/*楼盘大图*/
.building-bigImg {
    width: 100%;
    position: relative;
    background-color: #2b2b2b;
}

.building-bigImg .carousel {
    position: relative;
    padding: 30px 0 10px;
}

.building-bigImg .carousel img {
    width: 100%;
}

.building-bigImg .carousel .amplification {
    position: absolute;
    top: 45px;
    right: 15px;
    width: 29px;
    height: 29px;
    background: url("../images/amplification.png") no-repeat 0 0;
    background-size: 100% 100%;
    z-index: 10;
}

.building-bigImg .building-info {
    padding: 0 20px;
}

.building-bigImg .building-info .building-name {
    font-size: 0.9em;
    color: #d1b88a;
}

.building-bigImg .building-info .building-label {
    font-size: 0.75em;
    color: #838383;
}

.building-bigImg .building-info .building-label span {
    display: inline-block;
    padding: 0 6px;
    border: 1px solid #838383;
    margin: 4px 6px 2px 0;
}

.building-bigImg .building-info .buliding-des {
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 0.85em;
    color: #838383;
    margin-top: 6px;
}

.building-bigImg .mydiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: rgb(0, 0, 0);
    display: none;
    z-index: 1000;
}

.building-bigImg .mydiv img {
    position: absolute;
    top: 50%;
}

.building-bigImg .mydiv .close {
    position: absolute;
    width: 29px;
    height: 29px;
    top: 15px;
    right: 15px;
    background: url("../images/close2.png") no-repeat 0 0;
    background-size: 100% 100%;
}

/*楼盘新增页面*/
.add-newPage {
    padding: 16px 12px 50px;
    background-color: #2e2f2c;
    border-top: 4px solid #b8a580;
}

.add-newPage .title-name {
    padding-bottom: 10px;
    text-align: left;
}

.add-newPage .title-name span {
    padding-bottom: 0.1em;
    border-bottom: 2px solid #b8a580;
    font-size: 1.0625em;
    font-weight: bold;
    color: #cccccc;
    line-height: 2em;
}

.add-newPage > pre {
    font-size: 0.875em;
    color: #fff;
}

.add-newPage > pre img {
    display: block;
    width: 100% !important;
}

/*多媒体-分享页面*/
.img_up {
    -webkit-animation: up-animate 2s linear infinite;
    -moz-animation: up-animate 5s linear infinite;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 90%;
    left: 50%;
    margin-left: -20px;
    z-index: 2000;
    background: url(../images/arrows.png) no-repeat 0 0;
    background-size: 100% 100%
}

.img_left {
    width: 70px;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1000;
}

.img_bottom {
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 40px;
    z-index: 1000;
}

.img_up1 {
    -webkit-animation: up-animate1 2s linear infinite;
    -moz-animation: up-animate1 5s linear infinite;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
    position: fixed;
    left: 50%;
    margin-left: -20px;
    z-index: 20000;
    background: url(../images/arrows.png) no-repeat 0 0;
    background-size: 100% 100%
}

.img_up2 {
    -webkit-transform: rotate(270deg);
    -webkit-animation: up-animate2 2s linear infinite;
    -moz-animation: up-animate2 5s linear infinite;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: inline-block;
    position: fixed;
    z-index: 20000;
    top: 50%;
    margin-top: -20px;
    right: 1%;
    background: url(../images/arrows.png) no-repeat 0 0;
    background-size: 100% 100%
}

.map {
    display: inline-block;
    width: 55px;
    height: 57px;
    position: absolute;
    top: 80%;
    left: 5%;
    z-index: 200000;
    background: url(../images/map.png) -4px -54px no-repeat;
    background-size: 145px 145px
}

.music {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 81%;
    right: 10%;
    z-index: 200000;
    background: url(../images/map.png) -62px -9px no-repeat;
    background-size: 145px 145px
}

.music_on {
    -webkit-animation: music_on 1.5s linear infinite;
    -moz-animation: music_on 1.5s linear infinite;
    animation: music_on 1.5s linear infinite;
}

.music_off {
    -webkit-animation: music_off 1.5s linear infinite;
    -moz-animation: music_off 1.5s linear infinite;
    animation: music_off 1.5s linear infinite;
}

.share-friends {
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    padding: 8px 37px 8px 12px;
    background: url("../images/room-share.png") 32% 47% no-repeat;
    background-size: 16px 16px;
    background-color: rgba(0, 0, 0, .8);
    font-size: 12px;
    position: absolute;
    z-index: 1222;
    color: #fff;
}

.share-friends em {
    background: url("../images/room-share.png") 32% 47% no-repeat;
    background-size: 16px 16px;
(0, 0, 0, .8);
    position: absolute;
    z-index: 1222;
}

.share-friends .sp1 {
    margin-left: 70px;
    display: inline-block;
}

.share-friends:hover {
    cursor: pointer
}

@-webkit-keyframes up-animate {
    0% {;
        opacity: 1;
        top: 90%;
    }
    50% {
        opacity: 0;
        top: 95%;
    }
    100% {
        opacity: 1;
        top: 90%;
    }
}

@-webkit-keyframes up-animate1 {
    0% {;
        opacity: 1;
        top: 82%;
    }
    50% {
        opacity: 0;
        top: 86%;
    }
    100% {
        opacity: 1;
        top: 82%;
    }
}

@-webkit-keyframes up-animate2 {
    0% {;
        opacity: 0;
        right: 1%;
    }
    50% {
        opacity: 1;
        right: 6%;
    }
    100% {
        opacity: 0;
        right: 1%;
    }
}

@-webkit-keyframes music_on {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes music_off {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

/*下拉列表*/
.enjoy-select .dropdown-list {
    width: 44%;
    position: relative;
    float: left;
    margin: 0 0 13px 5%;
    border: 1px solid #5f636d;
}

.enjoy-select .dropdown-list:hover {
    border: 1px solid #D2B987;
}

.enjoy-select .dropdown-list .select {
    position: absolute;
    vertical-align: middle;
    width: 100%;
    max-height: 180px;
    overflow-y: auto;
    padding-bottom: 10px;
    border: 1px solid #D2B987;
    margin-top: -2px;
    margin-left: -1px;
    list-style: none;
    z-index: 100;
    background-color: #333330;
    word-wrap: break-word;
}

.enjoy-select .dropdown-list .select:hover {
    border: 1px solid #D2B987;
}

.enjoy-select .dropdown-list .none {
    display: none;
}

.enjoy-select .dropdown-list .select li {
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    box-sizing: border-box
}

.enjoy-select .dropdown-list .select li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 35px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #BBBBB8;
}

.enjoy-select .dropdown-list .select li:hover {
    background-color: #4D4940;
    color: #BBBBB8
}

.enjoy-select .dropdown-list .select li:hover a {
    color: #D2B987;
}

.enjoy-select .drop-list {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    width: 100%
}

.enjoy-select .drop-list .checked {
    position: relative;
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding: 0 12px;
    background-color: #333330;
    box-sizing: border-box
}

.enjoy-select .drop-list .checked a {
    display: inline-block;
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-decoration: none;
    font-size: 14px;
    color: #BBBBB8;
    word-wrap: break-word;
    overflow: hidden;
}

.enjoy-select .drop-list .checked:hover {
    background-color: #4D4940
}

.enjoy-select .drop-list .checked a:hover {
    text-decoration: none;
    color: #D2B987;
}

.enjoy-select .drop-list .checked:after {
    content: "";
    z-index: 10;
    position: absolute;
    display: inline-block;
    width: 6px;
    height: 6px;
    top: 10px;
    right: 10px;
    font-size: 12px;
    border-top: 1px solid #757881;
    border-left: 1px solid #757881;
    background-color: transparent;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    transform: rotate(225deg);
}

.enjoy-select .drop-list .current:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 15px;
}

.enjoy-select .drop-list .current {
    line-height: 20px;
    background-color: #333330;
}

.enjoy-select .drop-list .current a {
    font-weight: 500;
}

.enjoy-select .drop-list .current span {
    display: none;
}

/***户型鉴赏***********/
.enjoy-html {
    background-color: #2C2C2C
}

.enjoy-bg {
    background: url(../images/enjoy_bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 17px 15px 120px;
}

.enjoy-bg .enjoy-content {
    margin: 5px;
    width: 98%;
}

.enjoy-bg .enjoy-log {
    display: block;
    float: left;
}

.enjoy-bg .enjoy-select {
    width: 85%;
    float: right;
}

.enjoy-bg .enjoy-body {
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box
}

.enjoy-body .enjoy-product {
    background-color: #020202;
    padding: 6px 5% 10px;
}

.enjoy-body .enjoy-product img {
    display: inline-block;
    vertical-align: middle;
}

.enjoy-product .product-text {
    display: inline-block;
    vertical-align: middle;
    color: #D2B987;
    font-size: 0.75em;
    width: 85%
}

.enjoy-product .product-text .text-area {
    font-size: 1.2em;
    white-space: nowrap;
}

.enjoy-body .enjoy-show {
    width: 100%;
    text-align: center
}

.enjoy-bg .back-top {
    display: none;
    position: fixed;
    right: 3%;
    bottom: 50px;
    text-align: center;
    font-size: 0.9em;
    color: #c6c6c6
}

.enjoy-bg .back-top img:hover {
    cursor: pointer
}

/*我的行销二维码*/
.new_div {
    height: 42px;
    background-color: #ffffff;
    margin-top: 20px;
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
    position: relative;
}

.new_span {
    font-size: 0.95em;
    color: #000000;
    font-weight: bolder;
    margin-left: 12px;
    text-align: center;
    padding-top: 5px;
    top: 50%;
    position: relative
}

.new_div .sp1 {
    margin-left: 10px;
    background: url(../images/QU_code.png) no-repeat 0 0;
    height: 25px;
    width: 25px;
    background-size: 32px 32px;
    position: relative;
    top: 50%;
    margin-top: -12.5px;
}

.new_div span {
    float: left;
    display: inline-block;
    height: 20px;
    width: 30px;
    position: relative;
    top: 50%;
    margin-top: -12.5px;
}

.img_erweima {
    margin: 15px;
    float: left
}

.img_right1 {
    float: right;
    margin-right: 22px;
    margin-top: 20px
}

.Marketing-content2 {
    width: 100%;
    margin: -10px auto auto auto;
    border-bottom: 1px #c6c6c6 solid
}

.maketing_top {
    padding-left: 10px;
    box-sizing: border-box;
    border-bottom: 1px #c6c6c6 solid;
    height: 40px;
    line-height: 40px;
    color: #4c4c4c;
    font-size: 0.81em
}

.firstBorder {
    margin-top: 18px;
    min-height: 80px;
    overflow: auto;
    margin-bottom: 10px
}

.firstBorder_photo {
    width: 55px;
    height: 55px;
    border: 1px #CCCCCC solid;
    margin: 15px;
    float: left;
    border-radius: 40px;
    text-align: center
}

.firstBorder_photo img {
    border-radius: 30px;
    width: 100%;
    height: 100%;
}

.firstBorder_font {
    width: auto;
    float: left;
    min-height: 40px;
    margin-top: 21px;
    max-width: 70%
}

.firstBorder_font span {
    font-size: 1em;
    font-weight: bolder
}

.firstBorder_font p {
    margin: 1px 2% 10px 0;
    font-size: 0.9em;
    color: #757E85;
    font-weight: 600;
    width: 100%;
}

.secondBorder {
    background-color: #dad0bd;
    width: 90%;
    margin: 9px auto 30px auto;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
}

.secondBorder_QRcode {
    width: 160px;
    height: 160px;
    background: darkmagenta;
    margin: 20% auto 20% auto;
}

.secondBorder_QRcode img {
    width: 100%;
    height: 100%
}

.Marketing-content {
    width: 100%;
}

.Marketing-table {
    width: 100%;
    margin-top: 0px
}

.my_top {
    border-bottom-style: none
}

.Marketing-table thead {
    background-color: #a89774;
    color: #ffffff;
    font-size: 0.875em;
    text-align: center;
}

.Marketing-table tr {
    height: 42px;
}

.Marketing-table tbody {
    background-color: white
}

.Marketing-table tr td {
    border-left: 1px #d9d9d9 solid;
    border-bottom: 1px #d9d9d9 solid;
    text-align: center;
    font-size: 0.89375em
}

.Marketing-table tr td:first-child {
    border-left-style: none;
    text-align: center;
    font-size: 0.89375em
}

.first-font {
    color: #7A7A7A
}

.first-second {
    color: #4D4D4D;
    font-weight: bold
}

/*导航页面弹出层*/
.layer-section {
    background: white;
    box-shadow: 0 1px 3px #ccc;
    z-index: 10004;
    width: 90%;
    margin: 0 auto;
    border-radius: 4px;
}

.task_share .share_hint {
    position: relative;
    font-size: 0.9375em;
    color: #3b3d49;
    line-height: 1.5em;
    vertical-align: top;
}

.task_share .share_hint span:first-child {
    display: inline-block;
    position: relative;
    width: 29px;
    height: 23px;
    background: url("../images/share_ico_0.png") 0 0 no-repeat;
    background-size: 29px 23px;
    top: 5px;
}

.task_share .share_hint span:last-child {
    display: inline-block;
    position: relative;
    width: 29px;
    height: 23px;
    background: url("../images/share_ico_1.png") 0 0 no-repeat;
    background-size: 29px 23px;
    top: 5px;
}

.task_share .triangle {
    position: absolute;
    top: -17px;
    right: 17px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
}

.binding-rule .rule {
    padding-left: 30px;
    position: relative;
    margin: 5px 0 15px;
}

.binding-rule .rule:last-child {
    margin-bottom: 5px;
}

.binding-rule .rule p {
    font-size: 0.75em;
    color: #595965;
}

.binding-rule .rule em {
    position: absolute;
    width: 22px;
    height: 22px;
    left: 0;
    top: 0;
}

.binding-rule .rule-one em {
    background-image: url("../images/binding-rule-img01.jpg");
    background-size: 100% 100%;
}

.binding-rule .rule-two em {
    background-image: url("../images/binding-rule-img02.jpg");
    background-size: 100% 100%;
}

.binding-rule .rule-three em {
    background-image: url("../images/binding-rule-img03.jpg");
    background-size: 100% 100%;
}

/*我的位置*/
.map-location {
    position: fixed;
    left: 10px;
    bottom: 65px;
}

.map-location > div {
    display: none;
    margin-right: 10px;
    box-shadow: 3px 3px 5px #c6c4c2;
    background-color: #fff;
}

.map-location > div .head {
    width: 80px;
    height: 25px;
    line-height: 24px;
    font-size: 0.75em;
    color: #a3916d;
}

.map-location > div .next {
    width: 80px;
    height: 30px;
    border-top: 1px solid #c9c9c9;
    text-align: center;
    line-height: 28px;
}

.map-location > div .next:active {
    background-color: #e4e4e4;
}

.map-location > div .head span {
    display: inline-block;
    vertical-align: middle;
}

.map-location > div .next span {
    display: inline-block;
    width: 21px;
    height: 10px;
    background: url("../images/bg-icons-01.png") no-repeat -24px -81px;
    background-size: 100px 150px;
}

.map-location .min-location .head .icon {
    width: 10px;
    height: 14px;
    margin: 0 5px 0 9px;
    background: url("../images/bg-icons-01.png") no-repeat -24px -47px;
    background-size: 100px 150px;
}

.map-location .building-location .head .icon {
    width: 16px;
    height: 16px;
    margin: 0 5px 0 7px;
    background: url("../images/bg-icons-01.png") no-repeat -24px -63px;
    background-size: 100px 150px;
}

.map-location .current {
    display: inline-block;
}

/*二维码下载*/
.download_bg {
    width: 100%;
    background: url(../images/download_bg.jpg) no-repeat center center #181818;
    background-size: 100% 100%
}

.download_bg .logo {
    width: 224px;
    height: 280px;
    background: url(../images/logo.png) center center no-repeat;
    background-size: 100%;
    margin: 50px auto 60px auto
}

.download_bg .btn {
    border-radius: 50px;
    width: 180px;
    height: 45px;
    margin: 0 auto;
    background: url(../images/xiazai_sel.png) center center no-repeat #383C42;
    background-size: 100%
}

.download_bg .btn1 {
    border-radius: 50px;
    width: 180px;
    height: 45px;
    margin: 0 auto;
    background: url(../images/xiazai_nor.png) center center no-repeat #383C42;
    background-size: 100%
}

.download_bg .dibu {
    width: 140px;
    height: 14px;
    margin: 12% auto 0 auto;
    background: url(../images/zi.png) center center no-repeat;
    background-size: 100%
}

/*抢客弹窗*/
.tx {
    width: 55px;
    height: 55px;
    margin: 0 auto;
    border-radius: 100px;
}

.tx img {
    width: 100%;
    height: 100%;
    border-radius: 100px;
}

.gw_name {
    width: 100%;
    margin-top: 8px;
    text-align: center;
    height: 20px;
    font-size: 1em;
    color: #000000
}

.neirong {
    width: 90%;
    margin: 10px auto auto auto;
    text-align: justify;
    padding: 5px;
    word-wrap: break-word;;
    font-size: 1em;
    color: #000000
}

/****3-3-0*修改*****/
.money_rank .top .new-my-ranking {
    float: left;
    text-align: center;
    line-height: 45px;
    box-sizing: border-box;
    width: 20%;
    height: 45px;
}

.money_rank .top .new-my-ranking a {
    color: #8A4F1E;
}

.ranking-data tr:first-child {
    color: #9D9D9D
}

.money_rank .content table .new-number {
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    line-height: 29px;
    width: 60px;
    color: #626364;
    font-size: 0.87em;
}

.gift-show .new-store-gift {
    background-color: #fff;
    box-sizing: border-box;
    border-bottom: 1px solid #D8D8D8
}

.gift-show .new-store-gift li {
    position: relative;
}

.gift-show .new-store-gift .store-one-lable {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding: 0 5px;
    font-size: 0.75em;
    position: absolute;
    left: 2%;
    bottom: 0;
    color: #E3ECE9;
    background-color: #565556;
}

.gift-show .new-store-gift .new-store-one img {
    display: block;
}

.gift-show .new-store-gift .new-store-two {
    padding: 0 2%;
    overflow: hidden;
    position: relative;
    padding-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #D8D8D8
}

.gift-show .new-store-gift .new-store-two > img {
    width: 40%;
    float: left;
    margin-right: 2.3456%
}

.gift-show .new-store-gift .store-content {
    width: 57.6544%;
    float: left;
    position: relative;
}

.new-store-gift .store-chunk-name {
    color: #3B3C47;
    font-size: 0.875em;
    height: 40px;
    word-break: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.new-store-gift .store-gift-num {
    color: #DE5313;
    font-size: 0.8725em;
    vertical-align: text-top;
    margin-left: 3%
}

.new-store-gift .bottom-ex {
    width: 100%;
    position: absolute;
    bottom: 0
}

.new-store-gift .store-gift-ex {
    font-size: 0.8125em;
    width: 100%;
}

.new-store-gift .store-gift-ex .floatR {
    margin-right: 2%;
    float: right
}

.new-store-gift .store-gift-ex .gift-ex-tex {
    color: #898989;
    display: inline-block
}

.new-store-gift .store-gift-icon {
    position: relative;
    top: 5px;
}

.new-store-gift .store-gift-ex .gift-ex-unm {
    color: #3B3C47;
    display: inline-block;
}

.money_rank .new-rank-top {
    width: 100%;
    height: 110px;
    padding-bottom: 20px;
    padding-top: 10px;
    box-sizing: border-box;
    background-color: #FBE3BA;
    border-top: 1px solid #F2B971;
    border-bottom: 1px solid #F3B871;
}

.money_rank .new-rank-top .new-rank-data {
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #F2B971;
    background-color: #FBE3BA;
}

.money_rank .new-rank-top .new-rank-log {
    width: 100%;
    background-color: #FBE3BA;
}

.money_rank .new-rank-top .new-rank-log a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 30%;
    font-size: 0.8125em;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    color: #FE8B4F;
    border: 1px solid #FE6711;
    border-radius: 20px
}

.money_rank .new-rank-top .new-rank-log a:first-child {
    margin-left: 20%;
}

.money_rank .new-rank-top .new-rank-log a:first-child + a {
    margin-left: 25px;
}

.money_rank .new-rank-top .new-rank-log .rank-log-title {
    color: #FE6711;
    font-size: 0.87em;
    margin-top: 10px;
    width: 100%;
    text-align: center
}

.money_rank .new-rank-top .new-rank-data td {
    width: 25%;
    text-align: center;
}

.money_rank .new-rank-top .new-rank-data .rank-data-rad {
    heght: 33px;
    width: 33px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
}

.money_rank .new-rank-top .title {
    color: #E56B03;
    font-size: 0.875em;
}

.money_rank .new-rank-top .new-rank-data .rank-data-name {
    color: #A7A69D;
    font-size: 0.8125em;
}

.money_rank .new-rank-top .new-rank-data .rank-data-number {
    color: #4C4F4E;
    font-size: 0.8125em;
    display: block;
    margin-top: -5px;
}

.money_rank .new-rank-location {
    width: 100%;
    background-color: #FFF8DE;
    padding: 12px 3% 0px;
    margin-top: 7px;
    border-bottom: 1px solid #E5DEC5;
    box-sizing: border-box
}

.money_rank .new-rank-location .location-bar {
    width: 100%;
    background-color: #E77905;
    border-radius: 20px;
    height: 5px
}

.money_rank .new-rank-location .location-zone {
    width: 100%;
    height: 62px;
}

.money_rank .new-rank-location .location-zone .location-zone1 {
    width: 20%;
    color: #FFF;
    float: left;
}

.money_rank .new-rank-location .location-zone .margin7 {
    margin-left: 7%;
}

.money_rank .new-rank-location .location-zone .location-zone2 {
    width: 20%;
    float: right;
}

.money_rank .new-rank-location .location-zone .ring {
    display: block;
    width: 8px;
    height: 8px;
    margin: -7px auto;
    background-color: #fff;
    border: 1px solid #EA8010;
    border-radius: 100%
}

.money_rank .new-rank-location .location-zone .trigon {
    display: block;
    width: 0;
    margin: 13px auto;
    height: 0;
    border-width: 0 7px 7px 7px;
    border-style: solid;
    border-color: transparent transparent #E77905;
}

.money_rank .new-rank-location .location-zone .trigon1 {
    display: block;
    width: 0;
    margin: 13px auto;
    height: 0;
    border-width: 0 7px 7px 7px;
    border-style: solid;
    border-color: transparent transparent #F7CC92;
}

.money_rank .new-rank-location .location-zone .trigon2 {
    display: block;
    width: 0;
    margin: 13px auto;
    height: 0;
    border-width: 0 7px 7px 7px;
    border-style: solid;
    border-color: transparent transparent #FE6711;
}

.money_rank .new-rank-location .location-zone .zone-name2 {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 0.8125em;
    text-align: center;
    background-color: #FE6711;
    color: #FFF;
    margin-top: -13px;
    border-radius: 5px;
}

.money_rank .new-rank-location .location-zone .zone-name {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 0.8125em;
    text-align: center;
    background-color: #E77905;
    color: #FFF;
    margin-top: -13px;
    border-radius: 5px;
}

.money_rank .new-rank-location .location-zone .zone-name1 {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 0.8125em;
    text-align: center;
    background-color: #F7CC92;
    color: #FFF;
    margin-top: -13px;
    border-radius: 5px;
}

.money_rank .content table .new-first {
    display: block;
    width: 19px;
    height: 19px;
    line-height: 19px;
    margin: 0 auto;
    border-radius: 100%;
    background: #FE6711;
    color: #fff;
    text-align: center;
    font-size: 0.8125em;
    font-weight: bold
}

.money_rank .content table .new-second {
    display: block;
    width: 19px;
    height: 19px;
    line-height: 19px;
    margin: 0 auto;
    border-radius: 100%;
    background: #F6CB91;
    color: #fff;
    text-align: center;
    font-size: 0.8125em;
    font-weight: bold
}

.money_rank .content table .new-third {
    display: block;
    width: 19px;
    height: 19px;
    line-height: 19px;
    margin: 0 auto;
    border-radius: 100%;
    background: #DA8D1C;
    color: #fff;
    text-align: center;
    font-size: 0.8125em;
    font-weight: bold
}

.money_rank .content table .new-order {
    color: #818181;
    font-size: 0.87em;
    font-weight: bold
}

.money_rank .content table .share-number {
    color: #FE763F;
    font-size: 0.87em;
}

.money_rank .content .ranking-data {
    width: 100%;
}

.money_rank .content .ranking-data tr {
    height: 35px;
}

.money_rank .content .ranking-data td {
}

.money_rank .content .ranking-data .ranking-data-bor {
    border-right: 1px solid #D7D7D7;
    height: 15px;
    width: 100%;
    line-height: 18px;
}

.money_rank .content .ranking-data .ranking-data-bor1 {
    height: 15px;
    width: 100%;
    line-height: 18px;
}

.money_rank {
    padding-bottom: 120px;
}

/*置业顾问列表*/
.counselor-list {
    padding-top: 10px;
}

.counselor-list .hint-con {
    padding-left: 15px;
    font-size: 0.875em;
    font-weight: bold;
    color: #aa976d;
}

.counselor-list .list-info {
    width: 100%;
    padding-bottom: 60px;
}

.counselor-list .list-info .list-row {
    padding: 16px 20px;
    border-top: 1px solid #d9d9d9;
}

.counselor-list .list-info .list-row:first-child {
    border-top: none;
}

.counselor-list .list-info .list-row .counselor-info {
    width: 33.3333333333%;
}

.counselor-list .list-info .list-row .counselor-info > span {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    border: 2px solid #d8d8d8;
}

.counselor-list .list-info .list-row .counselor-info > span img {
    width: 60px;
    height: 60px;
    border-radius: 60px;
}

.counselor-list .list-info .list-row .counselor-info > p {
    position: relative;
    width: 64px;
    padding: 5px 0;
    text-align: center;
    font-size: 0.75em;
    color: #4c4c4c;
}

.counselor-list .list-info .list-row .counselor-info > a {
    position: relative;
    display: block;
    width: 64px;
    height: 25px;
    border-radius: 64px;
    background-color: #c1b395;
    line-height: 25px;
    text-align: center;
    font-size: 0.8125em;
    color: #fff;
}

.counselor-list .list-info .list-row .counselor-info > a:active {
    background-color: #7b6946;
}

.counselor-list .list-info .list-row .counselor-info:nth-child(2) > span, .counselor-list .list-info .list-row .counselor-info:nth-child(2) > p, .counselor-list .list-info .list-row .counselor-info:nth-child(2) > a {
    left: 50%;
    margin-left: -32px;
}

.counselor-list .list-info .list-row .counselor-info:nth-child(3) > span, .counselor-list .list-info .list-row .counselor-info:nth-child(3) > p, .counselor-list .list-info .list-row .counselor-info:nth-child(3) > a {
    left: 100%;
    margin-left: -64px;
}

/*楼盘相册3.3.0*/
.buliding_new {
    width: 100%;
    position: relative;
    top: 35px;
    padding: 0 0px 120px 10px;
    box-sizing: border-box;
    text-align: center
}

.buliding_new .div1 {
    position: relative;
    display: inline-block;
    border: 1px solid #3a3a39;
    width: 46%;
    float: left;
    margin-top: 4%
}

.buliding_new .div1 .pic_img {
    width: 100%;
    height: 145px
}

.buliding_new .div1:nth-child(2n) {
    margin-left: 4%
}

.buliding_new .div1 img {
    width: 100%;
    height: 100%
}

.buliding_new .div1 .name {
    height: 45px;
    text-align: left;
    width: 100%;
    background-color: #0d0d0d;
    color: #d3b989;
    font-size: 0.85em;
    padding: 3px 2px 2px 4px;
    box-sizing: border-box
}

.buliding_new .div1 em {
    text-align: center;
    display: block;
    width: 45px;
    height: 25px;
    line-height: 25px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    position: absolute;
    right: 0;
    bottom: 35px;
    font-size: 0.625em;
}

.buliding_new .div1 em {
    text-align: center;
    display: block;
    width: 45px;
    height: 25px;
    line-height: 25px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    position: absolute;
    right: 0;
    bottom: 45px;
    font-size: 0.625em;
}

/***add**消耗*******/
.new-store-gift .store-gift-icon .add-consume {
    font-size: 0.8em;
    color: #888888;
    margin-left: 5px;
    vertical-align: text-top
}

/*我影响的客户*/
.influencing_info {
    width: 100%;
    overflow: hidden;
}

.influencing_info .mine_info {
    height: 84px;
    padding: 6px 16px 0;
    background: url("../images/influence-bg01.jpg") no-repeat 0 0;
    background-size: 100% 100%;
    border-bottom: 1px solid #cfd2d1;
}

.influencing_info .mine_info .left {
    float: left;
    width: 57px;
    position: relative;
}

.influencing_info .mine_info .right {
    float: right;
    margin-top: 10px;
    margin-right: 10%;
}

.influencing_info .mine_info .left img {
    display: block;
    border-radius: 57px;
}

.influencing_info .mine_info .left .me {
    width: 100%;
    margin-top: 3px;
    font-size: 0.75em;
    color: #fff;
    text-align: center;
}

.influencing_info .mine_info .left .point_ico {
    position: absolute;
    width: 17px;
    height: 10px;
    left: 21px;
    margin-top: -1px;
    background: url(../images/icon_v2.3.png) -39px -22px no-repeat;
    background-size: 100px 150px;
}

.influencing_info .mine_info .right .info {
    float: left;
    width: 70px;
}

.influencing_info .mine_info .right .inf_num {
    padding-right: 5px;
    border-right: 1px solid #9a9282;
}

.influencing_info .mine_info .right .deal_num {
    padding-left: 25px;
}

.influencing_info .mine_info .right .info p {
    width: 100%;
}

.influencing_info .mine_info .right .info .num {
    font-size: 0.9375em;
}

.influencing_info .mine_info .right .info .num span {
    display: inline-block;
    min-width: 30px;
    font-size: 1.4375em;
}

.influencing_info .mine_info .right .info .con {
    margin-top: 2px;
    font-size: 0.75em;
    color: #fff;
}

.influencing_info .mine_info .right .inf_num .num {
    color: #ff4d22;
}

.influencing_info .mine_info .right .deal_num .num {
    color: #63c829;
}
.influencing_info .data-people-box{
    width: 840px;
    margin: 0 auto;
}
.influencing_info .data-people-box .data-people{
    width: 840px;
    min-height: 420px;
}
.influencing_info .data-people-box .data-people .click-li{
    display: inline-block;
    text-align: center;
    margin: 40px 35px 0 25px;
    position: relative;
}
.influencing_info .data-people-box .data-people .click-li .data-info-box{
    height: 66px;
    width: 66px;
    border-radius: 100px;
    text-align: center;
}
.influencing_info .data-people-box .data-people .click-li .data-info-box img{
    height: 66px;
    width: 66px;
    border-radius: 100px;
}
.influencing_info .client_info {
    margin-bottom: 50px;
}

.influencing_info .client_info ul li {
    padding: 8px 13px;
    margin-bottom: 10px;
    background-color: #fff;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

.influencing_info .client_info ul li:first-child {
    border-top: none;
}

.influencing_info .client_info ul li .left {
    width: 41%;
    height: 58px;
}

.influencing_info .client_info ul li .left .top-con {
    margin-top: 3px;
}

.influencing_info .client_info ul li .left .top-con .name {
    display: inline-block;
    width: 63px;
    height: 24px;
    font-size: 1em;
    color: #a98658;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.influencing_info .client_info ul li .left .top-con .state {
    display: inline-block;
    padding: 0 3px;
    height: 18px;
    line-height: 17px;
    border-radius: 3px;
    font-size: 0.75em;
    color: #fff;
    background-color: #66b14c;
    margin-left: 5px;
}

.influencing_info .client_info ul li .left .bot-con {
    position: relative;
    margin-top: 3px;
    font-size: 0.8125em;
    color: #999;
}

.influencing_info .client_info ul li .left .bot-con:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 57px;
    top: 6px;
    border-left: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.influencing_info .client_info ul li .right {
    position: relative;
    width: 59%;
    height: 58px;
    border-left: 1px solid #dfdfdf;
    margin-left: -1px;
}

.influencing_info .client_info ul li .right:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 0;
    margin-top: -8px;
    border-left: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.influencing_info .client_info ul li .right p {
    padding-left: 24px;
    margin-top: -4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.influencing_info .client_info ul li .right p:first-child {
    margin-top: 3px;
}

.influencing_info .client_info ul li .right p span {
    display: inline-block;
    width: 40%;
    font-size: 0.8125em;
    color: #a6a6a6;
}

.influencing_info .client_info ul li .right p span:first {
    width: 50%;
}

.influencing_info .client_info ul li .right p .num-one {
    font-size: 1.3125em;
    color: #ff7454;
}

.influencing_info .client_info ul li .right p .num-two {
    font-size: 1.3125em;
    color: #66b14c;
}

.modal-body .modal-title {
    width: 100%;
    margin-top: -15px;
    border-bottom: 1px solid #ccc;
}

.modal-body .modal-title h1 {
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-size: 0.9375em;
    color: #a98658;
}

.modal-body .operation-process {
    height: 300px;
    margin: 15px auto;
    overflow: hidden;
    overflow-y: auto;
}

.modal-body .operation-process .oper-info {
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    margin: 0 auto 23px;
}

.modal-body .operation-process .oper-info .oper-name {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-color: #27af60;
    text-align: center;
    line-height: 35px;
    font-size: 0.75em;
    color: #fff;
}

.modal-body .operation-process .oper-info.not-oper .oper-name {
    background-color: #ccc;
}

.modal-body .operation-process .oper-info .oper-time {
    position: absolute;
    top: 4px;
    width: 80px;
    font-size: 0.8125em;
    color: #a98658;
}

.modal-body .operation-process .oper-info .oper-time.time-right {
    left: 50px;
}

.modal-body .operation-process .oper-info .oper-time.time-left {
    right: 50px;
}

.modal-body .operation-process .oper-info .line {
    position: absolute;
    width: 2px;
    height: 12px;
    background-color: #e6e6e6;
    left: 50%;
    margin-left: -1px;
    top: 40px;
}

.influencing_info .mine_info .left_ico {
    position: absolute;
    width: 30px;
    height: 100px;
    left: 0;
    top: 0;
    z-index: 10;
}

.influencing_info .mine_info .left_ico span {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 14px;
    margin-top: 40px;
    left: 11px;
    background: url(../images/icon_v2.3.png) -25px -21px no-repeat;
    background-size: 100px 150px;
}

.influencing_info .mine_info .left_ico .now {
    background: url(../images/icon_v2.3.png) -24px -95px no-repeat;
    background-size: 100px 150px;
}

.influencing_info .mine_info .right_ico {
    position: absolute;
    width: 30px;
    height: 100px;
    right: 0;
    top: 0;
    z-index: 10;
}

.influencing_info .mine_info .right_ico span {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 14px;
    margin-top: 40px;
    left: 13px;
    background: url(../images/icon_v2.3.png) -25px -80px no-repeat;
    background-size: 100px 150px;
}

.influencing_info .mine_info .right_ico .now {
    background: url(../images/icon_v2.3.png) -25px -37px no-repeat;
    background-size: 100px 150px;
}

.influencing_info .other_info .client_list {
    margin-top: 12px;
    width: 16.66%;
    height: 85px;
    float: left;
}

.influencing_info .other_info .client_list .one_types_client, .influencing_info .other_info .client_list .two_types_client {
    position: relative;
    height: 85px;
}

.influencing_info .other_info .client_list .click_info {
    width: 68px;
    position: relative;
    left: 50%;
    margin-left: -35px;
}

.influencing_info .other_info .right {
    margin-right: 10px;
}

.influencing_info .other_info .client_list .name {
    margin-top: 4px;
}

.influencing_info .other_info .point {
    position: absolute;
    width: 20px;
    height: 8px;
    top: 45px;
    left: 32%;
    background: url(../images/icon_v2.3.png) -35px -15px no-repeat;
    background-size: 100px 150px;
    z-index: 1;
}

.influencing_info .other_info .point_right {
    left: 65%;
}

.influencing_info .other_info .client_list .info_ico {
    display: none;
}

.influencing_info .other_info .current {
    margin-top: 5px;
}

.influencing_info .other_info .current .img {
    width: 52px;
    height: 52px;
    margin-left: -26px;
    border-radius: 52px;
    overflow: hidden;
}

.influencing_info .other_info .current .img img {
    width: 52px;
    height: 52px;
    display: inline-block;
    border-radius: 52px;
}

.influencing_info .other_info .current .name {
    font-size: 1em;
}

.influencing_info .other_info .current .bargain_client {
    position: absolute;
    width: 78px;
    height: 18px;
    top: 38px;
    left: -4px;
    background: url(../images/icon_v2.3.png) -42px 0 no-repeat;
    background-size: 122px 183px;
}

.influencing_info .other_info .current .point_ico {
    position: absolute;
    width: 17px;
    height: 10px;
    left: 50%;
    margin-left: -3px;
    margin-top: 4px;
    background: url(../images/icon_v2.3.png) -39px -22px no-repeat;
    background-size: 100px 150px;
    z-index: 1000;
}

.influencing_info .other_info .current .left_num {
    left: 46px;
}

.influencing_info .other_info .current .right_num {
    left: 68px;
}

.influencing_info ul.client_info {
    margin-bottom: 50px;
}

/*.influencing_info .client_info ul{position:relative;padding:13px 23px;height: 94px;background-color: #fff;border-bottom: 1px solid #dcdcdc;}*/
.influencing_info ul.client_info .left {
    float: left;
    position: relative;
}

.influencing_info ul.client_info .right {
    float: right;
    position: relative;
}

.influencing_info ul.client_info .center {
    position: absolute;
    left: 50%;
    margin-left: -34px;
}

.influencing_info ul.client_info .client_list .img {
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
    left: 50%;
    margin-left: -23px;
    border-radius: 46px;
    overflow: hidden;
}

.influencing_info ul.client_info .client_list .img img {
    width: 46px;
    height: 46px;
    display: inline-block;
    border-radius: 46px;
}

.influencing_info ul.client_info .client_list.current .img {
    width: 52px;
    height: 52px;
    margin-left: -26px;
    border-radius: 52px;
}

.influencing_info ul.client_info .client_list.current .img img {
    width: 52px;
    height: 52px;
    display: inline-block;
    border-radius: 52px;
}

.influencing_info ul.client_info .client_list .name {
    display: inline-block;
    width: 68px;
    height: 22px;
    text-align: center;
    font-size: 0.9375em;
    color: #fff;
    margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.influencing_info ul.client_info .client_list .info_ico {
    display: block;
    position: relative;
    width: 60px;
    height: 40px;
    left: 50%;
    margin-left: -30px;
    margin-top: -4px;
}

.influencing_info ul.client_info .client_list .info_ico span {
    display: inline-block;
    width: 19px;
    height: 20px;
    background: url(../images/icon_v2.3.png) 0 -73px no-repeat;
    background-size: 100px 150px;
    margin-top: 8px;
}

.influencing_info ul.client_info .client_list .current span {
    background: url(../images/icon_v2.3.png) 0 -93px no-repeat;
    background-size: 100px 150px;
}

.influencing_info ul.client_info .client_list .bargain_client {
    position: absolute;
    width: 64px;
    height: 14px;
    top: 31px;
    left: 3px;
    background: url(../images/icon_v2.3.png) -36px 0 no-repeat;
    background-size: 100px 150px;
}

.influencing_info ul.client_info .one_types_client .left_num {
    min-width: 18px;
    height: 18px;
}

.influencing_info ul.client_info .client_list .left_num {
    position: absolute;
    top: 0;
    left: 44px;
    border-radius: 18px;
    background-color: #ff4d22;
    font-size: 0.6875em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 18px;
    z-index: 10;
}

.influencing_info ul.client_info .two_types_client .left_num {
    min-width: 24px;
    height: 18px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 10;
}

.influencing_info ul.client_info .two_types_client .right_num {
    position: absolute;
    min-width: 24px;
    height: 18px;
    top: 0;
    left: 67px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    background-color: #63c829;
    font-size: 0.6875em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 18px;
    z-index: 10;
}

.influencing_info .other_info .current .point_ico {
    position: absolute;
    width: 17px;
    height: 10px;
    left: 50%;
    margin-left: -8px;
    bottom: -11px;
    background: url(../images/icon_v2.3.png) -39px -22px no-repeat;
    background-size: 100px 150px;
    z-index: 1000;
}

@media (max-height: 480px) {
    .building-photo .swiper-container {
        width: 75% !important;
        top: 43px;
    }

    .building-photo .swiper-container .swiper-slide > a > img {
        height: 220px;
    }

    .module-footer {
        bottom: 15px !important;
    }

    .building-photo .swiper-container .swiper-slide {
        background-size: 100%;
    }

    .modal-body .operation-process {
        height: 200px;
    }
}

/*图片尺寸设置*/
.building-bigImg .carousel {
    float: left;
    padding: 0;
    margin: 0 0 10px;
}

img[data-set=scale], img[data-set=fixedSize] {
    position: absolute;
    top: 0;
    left: 0;
}